body, html {
  font-size: 0.8333333333vw;
}
.ta {
    text-align: center;
}
.w_1600{width:1600px; margin:0 auto}

@media (min-width: 1024px) and (max-width: 1366px) {
  body, html {
    font-size: 1vw;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  body, html {
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 767px) {
  body, html {
    font-size: 14px;
  }
}
body {
  outline: none;
  font-family: -apple-system, BlinkMacSystem, "Montserrat", "Noto Sans SC", sans-serif;
}

p {
  padding: 0;
  margin: 0;
}

.wh {
  padding: 0 13.5416666667%;
}
@media (max-width: 1366px) {
  .wh {
    padding: 0 5.78125%;
  }
}
@media (max-width: 768px) {
  .wh {
    padding: 0 4%;
  }
}

.wh1 {
  padding: 0 6.25%;
}
@media (max-width: 768px) {
  .wh1 {
    padding: 0 4%;
  }
}

.flex {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-z {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex_left {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex_left1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex2 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex3 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex21 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex31 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.more-msl {
  display: inline-block;
  color: #323232;
  text-decoration: none;
  position: relative;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  font: 500 1rem/3.125rem "Noto Sans SC";
  border-radius: 1.5625rem;
  width: 10rem;
  text-align: center;
  background: transparent;
  border: 1px solid #CACACA;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
}
@media (max-width: 768px) {
  .more-msl {
    line-height: 2.8rem;
    width: 9rem;
    font-size: 0.875rem;
  }
}
.more-msl:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #EC6519;
  color: #fff;
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
   -ms-transform: scale(0);
    -o-transform: scale(0);
       transform: scale(0);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
       transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out;
}
.more-msl:hover {
  color: #fff;
  border-color: #EC6519;
}
.more-msl:hover::before {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
   -ms-transform: scale(2);
    -o-transform: scale(2);
       transform: scale(2);
}
.more-msl.bs {
  color: #6D6D6D;
  border: none;
  background: #fff;
}
.more-msl.bs:before {
  background: #EC6519;
}
.more-msl.bs:hover {
  color: #fff;
  border-color: #EC6519;
}

@media (max-width: 990px) {
  body {
    padding-bottom: 0;
    overflow: hidden;
  }
}
@media (max-width: 990px) {
  .pc-hidden {
    display: none;
  }
}
.m-hidden {
  display: none;
}

@media (max-width: 990px) {
  .m-hidden {
    display: block;
  }
}
.head {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 99;
}
.head .head2 {
  line-height: 6.25rem;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 4.4791666667%;
}
.head .head2 .logo a {
  display: block;
}
.head .head2 .logo a img {
  height: 4.5rem;
}
.head .head2 .sska a.sskza i {
  color: #FFFFFF;
}
.head .head2 .sska, .head .head2 .zywena {
  font-size: 1rem;
  color: #fff;
}
.head .head2 .sska a, .head .head2 .zywena a {
  font: 500 1rem/1.5em "Montserrat";
  color: #fff;
}
.head .head2 .sska i, .head .head2 .zywena i {
  color: #fff;
  font-size: 1.25rem;
}
.head .head2 .zywena {
  text-align: center;
  margin: 0 1.5rem;
  position: relative;
}
.head .head2 .zywena i {
  margin-right: 0.5rem;
}

.nast {
  width: 4.1875rem;
  text-align: center;
  position: absolute;
  left: 7.0833333333%;
  bottom: 5%;
  z-index: 1;
}
@media (max-width: 768px) {
  .nast {
    bottom: 10%;
  }
}
.nast.kajjt {
  -webkit-animation: run 1s infinite linear;
     -moz-animation: run 1s infinite linear;
       -o-animation: run 1s infinite linear;
          animation: run 1s infinite linear;
}
@media (max-width: 768px) {
  .nast.kajjt {
    width: 3rem;
  }
}
.nast a {
  display: inline-block;
}
.nast a img {
  width: 100%;
}

@-webkit-keyframes run {
  from {
    bottom: 8%;
    opacity: 0;
  }
  to {
    bottom: 5%;
    opacity: 1;
  }
}

@-moz-keyframes run {
  from {
    bottom: 8%;
    opacity: 0;
  }
  to {
    bottom: 5%;
    opacity: 1;
  }
}

@-o-keyframes run {
  from {
    bottom: 8%;
    opacity: 0;
  }
  to {
    bottom: 5%;
    opacity: 1;
  }
}

@keyframes run {
  from {
    bottom: 8%;
    opacity: 0;
  }
  to {
    bottom: 5%;
    opacity: 1;
  }
}
#menu {
  margin-right: 1vw;
}
#menu .nav_a1 li {
  float: left;
  position: relative;
}
#menu .nav_a1 li a {
  display: block;
  color: #fff;
  font-family: "Noto Sans SC";
}
#menu .nav_a1 li > a {
  font-size: 1.2rem;
  padding: 0 1.5em;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
@media (max-width: 1680px) {
  #menu .nav_a1 li > a {
    padding: 0 .75em;
  }
}
@media (max-width: 1366px) {
  #menu .nav_a1 li > a {
    padding: 0 0.1em;
  }
}
@media (max-width: 1024px) {
  #menu .nav_a1 li > a {
    padding: 0 0.1em;
  }
}
#menu .nav_a1 li > a span {
  position: relative;
  display: block;
}
#menu .nav_a1 li > a span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #EC6519;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -moz-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -o-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
       -o-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scaleX(0);
     -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
       -o-transform: scaleX(0);
          transform: scaleX(0);
}
#menu .nav_a1 li .sec {
  position: absolute;
  top: 100%;
  width: 150%;
  left: -25%;
  background: white;
  z-index: 999;
  text-align: left;
  border-radius: 0.5rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
   -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
       transform: translateY(20px);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 0.85rem 0;
  text-align: center;
  box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.07);
}
#menu .nav_a1 li .sec.sec-as {
  width: 28rem;
  left: -100%;
}
@media (max-width: 1366px) {
  #menu .nav_a1 li .sec.sec-as {
    left: -10rem;
  }
}
#menu .nav_a1 li .sec.sec-as a {
  width: 50%;
  text-align: left;
  padding: 0.25em 1em;
}
#menu .nav_a1 li .sec.sec-as1 {
  width: 350%;
}
#menu .nav_a1 li .sec .sec-v1 .sec-aa1 {
  width: 50%;
  padding: 0 5%;
  text-align: left;
}
#menu .nav_a1 li .sec .sec-v1 .sec-aa1 + .sec-aa1 {
  border-left: 1px solid rgba(51, 51, 51, 0.1);
}
#menu .nav_a1 li .sec a {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5em;
  padding: 0.25em 0;
  color: rgba(0, 0, 0, 0.65);
  display: block;
}
#menu .nav_a1 li .sec a:hover {
  color: #EC6519;
}
#menu .nav_a1 li:hover .sec {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
   -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
       transform: translateY(1px);
}
#menu .nav_a1 li:hover > a, #menu .nav_a1 li.active > a {
  color: #EC6519;
}
#menu .nav_a1 li:hover > a span::after, #menu .nav_a1 li.active > a span::after {
  -webkit-transform: scaleX(1);
     -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
       -o-transform: scaleX(1);
          transform: scaleX(1);
}

.nav-img {
  padding-bottom: 40%;
  width: 100%;
  position: relative;
  height: 0;
  overflow: hidden;
}
.nav-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* 搜索 */
.search {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* background: #000; */
  background: rgba(0, 0, 0, 0.85);
  z-index: 999;
  display: none;
}

.search-box {
  width: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 25%;
}

.inp {
  width: 100%;
  height: 100px;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
}

.inp::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.bu {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  color: rgba(255, 255, 255, 0.7);
  background: none;
  border: none;
}

.bu .iconfont {
  font-size: 3.125rem;
}

.search-con {
  position: absolute;
  right: 7%;
  top: 7%;
  color: rgb(255, 255, 255);
  cursor: pointer;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.search-con:hover {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.search-con .iconfont {
  font-size: 2.125rem;
  font-weight: 100;
}

.sticky {
  position: fixed;
  top: 0;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
  -webkit-animation: sticky 1s;
     -moz-animation: sticky 1s;
       -o-animation: sticky 1s;
          animation: sticky 1s;
}
.sticky .head2 {
  backdrop-filter: blur(14px);
  background-color: rgba(0, 0, 0, 0.5);
}

@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-moz-keyframes sticky {
  0% {
    -moz-transform: translateY(-100%);
         transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(0%);
         transform: translateY(0%);
  }
}
@-o-keyframes sticky {
  0% {
    -o-transform: translateY(-100%);
       transform: translateY(-100%);
  }
  100% {
    -o-transform: translateY(0%);
       transform: translateY(0%);
  }
}
@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
  }
}
/*手机端头部*/
.m-bm-head {
  position: fixed;
  top: 0;
  z-index: 999999;
  left: 0;
  right: 0;
  background: #000;
}
.m-bm-head .m-bm-head-box {
  position: relative;
  height: 60px;
}
.m-bm-head .m-bm-head-box .m-bm-logo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto 4%;
  max-width: 100%;
  height: 34px;
}
.m-bm-head .m-bm-head-box .m-bm-logo h1, .m-bm-head .m-bm-head-box .m-bm-logo a {
  display: inline;
  font-size: 0;
}
.m-bm-head .m-bm-head-box .m-bm-logo img {
  height: 36px;
  max-width: 40%;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn {
  position: absolute;
  z-index: 9;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 4% auto 0;
  width: 20px;
  height: 15px;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn span, .m-bm-head .m-bm-head-box .m-bm-navbtn:after, .m-bm-head .m-bm-head-box .m-bm-navbtn:before {
  display: block;
  height: 1.5px;
  width: 100%;
  background: #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn span {
  margin: 4.5px 0;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn:after, .m-bm-head .m-bm-head-box .m-bm-navbtn:before {
  content: "";
  -webkit-transform-origin: 7.5%;
  -moz-transform-origin: 7.5%;
  -ms-transform-origin: 7.5%;
  -o-transform-origin: 7.5%;
  transform-origin: 7.5%;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked span {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.m-bm-head .m-bm-menu {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  height: 100vh;
  background: #050505;
}
.m-bm-head .m-bm-menu .m-bm-menu-box {
  height: -webkit-calc(100vh - 60px);
  height: -moz-calc(100vh - 60px);
  height: calc(100vh - 60px);
  overflow: auto;
  padding-bottom: 80px;
}
.m-bm-head .mrhgxt {
  color: #fff;
  font: 500 1.125rem/60px "helvetica";
  margin-left: 63%;
  position: relative;
  z-index: 9;
}
.m-bm-head .mrhgxt i {
  font-size: 1.125rem;
  margin-right: 0.25em;
}

.m-bm-nav > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
.m-bm-nav > li > a {
  display: block;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  font-family: "Noto Sans SC";
  padding: 0 4%;
  font-weight: 600;
}
.m-bm-nav > li > a span {
  display: inline-block;
  min-width: 40%;
  max-width: 50%;
  font-family: "Noto Sans SC";
  font-weight: 500;
}
.m-bm-nav > li .sec {
  display: none;
  padding: 10px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.m-bm-nav > li .sec a {
  display: block;
  font-size: 12px;
  color: #fff;
  line-height: 35px;
}
.m-bm-nav > li .sec a span {
  display: inline-block;
  min-width: 40%;
  max-width: 50%;
}
.m-bm-nav .aniut {
  position: absolute;
  width: 40px;
  height: 50px;
  line-height: 50px;
  right: 2%;
  top: 0;
  text-align: center;
  z-index: 9;
}
.m-bm-nav .aniut i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #fff;
}

.m-bm-head.white {
  background: #fff;
}
.m-bm-head.white .m-bm-head-box .m-bm-navbtn span, .m-bm-head.white .m-bm-head-box .m-bm-navbtn:after, .m-bm-head.white .m-bm-head-box .m-bm-navbtn:before {
  background: #000;
}
.m-bm-head.white .m-bm-menu {
  background: #fff;
}
.m-bm-head.white .m-bm-nav > li, .m-bm-head.white .m-bm-nav > li .sec {
  border-color: rgba(51, 51, 51, 0.1);
}
.m-bm-head.white .m-bm-nav > li > a, .m-bm-head.white .m-bm-nav .aniut i, .m-bm-head.white .m-bm-nav > li .sec a, .m-bm-head.white .mrhgxt {
  color: #000;
}

@media (max-width: 990px) {
  body {
    padding: 60px 0 0 !important;
  }
}
/* end */
.pc-banner {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.pc-banner .mySwipera {
  height: 100%;
}
.pc-banner .mySwipera .swiper-slide {
  overflow: hidden;
}
.pc-banner .mySwipera .swiper-slide .img {
  position: relative;
}
.pc-banner .mySwipera .swiper-slide .img > img {
  height: auto;
  width: 100%;
 /* -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation-name: banscaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 0s;*/
}
.pc-banner .mySwipera .swiper-slide .img::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
@media (max-width: 768px) {
  .pc-banner .mySwipera .swiper-slide .img::after {
    display: none;
  }
}
.pc-banner .mySwipera .banwez {
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  font: 600 4.375rem/1.5em "Noto Sans SC";
}
@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez {
    font-size: 2rem;
  }
}
.pc-banner .mySwipera .banwez .weh-as1 {
  width: 49.2857142857%;
  -webkit-flex: auto;
     -moz-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  color: #fff;
  line-height: 1.1em;
  text-align: left;
}
@media (max-width: 990px) {
  .pc-banner .mySwipera .banwez .weh-as1 {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez .weh-as1 {
    line-height: 1.35em;
  }
}
.pc-banner .mySwipera .banwez .weh-as1 .tit1 {
  font-weight: 700;
  font-size: 3.75rem;
}
@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez .weh-as1 .tit1 {
    font-size: 2rem;
  }
}
.pc-banner .mySwipera .banwez .weh-as1 .tit2 {
  font-weight: 400;
  font-size: 3.75rem;
}
@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez .weh-as1 .tit2 {
    font-size: 2rem;
  }
}
.pc-banner .mySwipera .banwez .weh-as1 .more-a i {
  font-weight: 400;
}
.pc-banner .mySwipera .banwez .weh-as2 {
  width: 56.2142857143%;
}
@media (max-width: 990px) {
  .pc-banner .mySwipera .banwez .weh-as2 {
    width: 100%;
    margin-top: 1rem;
  }
}
.pc-banner .mySwipera .banwez .weh-as2 .imgas {
  position: relative;
}
.pc-banner .mySwipera .banwez .weh-as2 .imgas img {
  width: 100%;
}
.pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta {
  width: 41.9313850064%;
  position: absolute;
  left: 5%;
  top: 16%;
  text-align: left;
}
@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta {
    width: 40%;
    left: 3%;
    top: 12%;
  }
}
.pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta .tit {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25em;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta .tit {
    font-size: 1rem;
    white-space: nowrap;
  }
}
.pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta .ashxa1 dl {
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta .ashxa1 dl {
    margin-top: 0.25rem;
  }
}
.pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta .ashxa1 dl dt {
  width: 50%;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  font-weight: 400;
}
@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta .ashxa1 dl dt {
    font-size: 0.5rem;
  }
}
.pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta .ashxa1 dl dd {
  width: 50%;
  height: 1.125rem;
  line-height: 1.125rem;
  border: 1px solid #fff;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta .ashxa1 dl dd {
    height: 0.75rem;
    line-height: 0.75rem;
  }
}
.pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta .ashxa1 dl dd i {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #fff;
  -webkit-transition: 2.5s;
  -o-transition: 2.5s;
  -moz-transition: 2.5s;
  transition: 2.5s;
  z-index: -1;
}
.pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta .ashxa1 dl dd .wb {
  font-size: 12px;
  color: #fff;
  position: absolute;
  width: 100%;
  top: 50%;
  line-height: 1;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  left: 0;
  mix-blend-mode: difference;
}
@media (max-width: 768px) {
  .pc-banner .mySwipera .banwez .weh-as2 .imgas .ashxta .ashxa1 dl dd .wb {
    font-size: 0.5rem;
  }
}

@media (max-width: 990px) {
  .m-img {
    padding-bottom: 66%;
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
  }
  .m-img > img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .m-imgny {
    padding-bottom: 70%;
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
  }
  .m-imgny > img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .pc-banner .swiper-slide.a {
    padding-bottom: -webkit-calc(70vh - 60px);
    padding-bottom: -moz-calc(70vh - 60px);
    padding-bottom: calc(70vh - 60px);
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
  }
  .pc-banner .swiper-slide.a .img {
    position: static !important;
  }
  .pc-banner .swiper-slide.a .img img {
    position: absolute !important;
    left: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
#myvideo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 768px) {
  #myvideo {
    display: none;
  }
}

.label_el {
  color: rgba(26, 26, 26, 0);
  text-shadow: none;
  -webkit-text-stroke-width: 0.47px;
  -webkit-text-stroke-color: #fff;
}
@media (max-width: 768px) {
  .label_el {
    -webkit-text-stroke-width: 0.3px;
  }
}

@-webkit-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-moz-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -moz-transform: scale(1.2);
         transform: scale(1.2);
  }
  75% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@-o-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }
  75% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
.swiper {
  overflow: hidden;
}

.overa {
  overflow: hidden;
}

/* 图片动画 */
.fang {
  overflow: hidden;
  display: block;
}

.fang img {
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}

.fang:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.xz img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.xz:hover img {
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.gong-p {
  color: #323232;
  font: 500 1.25rem/1.6em "Noto Sans SC";
  text-align: justify;
}
@media (max-width: 768px) {
  .gong-p {
    font-size: 1rem;
  }
}

.cont1 .a1_b1 li {
  position: relative;
}
.cont1 .a1_b1 li .imgbj {
  position: relative;
}
.cont1 .a1_b1 li .imgbj img.img {
  width: 100%;
}
@media (max-width: 768px) {
  .cont1 .a1_b1 li .imgbj {
    padding-bottom: 100%;
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
  }
  .cont1 .a1_b1 li .imgbj > img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.cont1 .a1_b1 li .imgbj video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .cont1 .a1_b1 li .imgbj video {
    display: none;
  }
}
.cont1 .a1_b1 li .imgbj::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.cont1 .a1_b1 li .cont-p {
  z-index: 2;
  width: 100%;
  color: #fff;
}
.cont1 .a1_b1 li .cont-p .titla1 {
  font: 600 2.5rem/1.5em "Noto Sans SC";
}
@media (max-width: 768px) {
  .cont1 .a1_b1 li .cont-p .titla1 {
    font-size: 1.5rem;
  }
}
.cont1 .a1_b1 li .cont-p .p {
  font: 400 1.25rem/1.5em "Noto Sans SC";
  margin-top: 0.4rem;
}
@media (max-width: 768px) {
  .cont1 .a1_b1 li .cont-p .p {
    font-size: 1rem;
  }
}
.cont1 .a1_b1 li .cont-p .jsal-list {
  width: 49.7142857143%;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .cont1 .a1_b1 li .cont-p .jsal-list {
    width: 100%;
    margin-top: 1rem;
  }
}
.cont1 .a1_b1 li .cont-p .jsal-list li {
  width: 20%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: -1px;
  margin-left: -1px;
}
@media (max-width: 768px) {
  .cont1 .a1_b1 li .cont-p .jsal-list li {
    width: 33.3333333333%;
  }
}
.cont1 .a1_b1 li .cont-p .jsal-list li a {
  display: block;
  font-size: 0;
}
.cont1 .a1_b1 li .cont-p .jsal-list li a img {
  width: 100%;
}
.cont1 .a1_b1 li a.more-a {
  margin-top: 3.125rem;
}
@media (max-width: 768px) {
  .cont1 .a1_b1 li a.more-a {
    margin-top: 1.25rem;
  }
}

.more-a {
  display: inline-block;
  color: #fff;
  position: relative;
}
.more-a p {
  font: 400 1.125rem/1.5rem "Noto Sans SC";
}
.more-a i {
  font-size: 1.35rem;
  line-height: 1.5rem;
  margin-left: 0.25rem;
}
.more-a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.more-a:hover {
  color: #fff;
}
.more-a:hover::after {
  width: 95%;
}
.more-a.hs {
  color: #000000;
}
.more-a.hs::after {
  background: #000;
}

.cont2 .a2_list1 {
  margin: 0 -0.75rem;
  padding-top: 0.75rem;
}
@media (max-width: 768px) {
  .cont2 .a2_list1 {
    padding-top: 0.5rem;
  }
}
.cont2 .a2_list1 li {
  padding: 0.75rem;
  width: 50%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .cont2 .a2_list1 li {
    width: 100%;
    padding: 0.5rem;
  }
}
.cont2 .a2_list1 li .imgbj {
  position: relative;
  overflow: hidden;
}
.cont2 .a2_list1 li .imgbj::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
  z-index: 1;
}
.cont2 .a2_list1 li .imgbj img {
  width: 100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.cont2 .a2_list1 li .cont-p {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 5%;
  text-align: center;
  color: #fff;
  z-index: 2;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
  bottom: 10%;
}
.cont2 .a2_list1 li .cont-p .cont .tit {
  font: 600 2.5rem/1.5em "Noto Sans SC";
}
@media (max-width: 768px) {
  .cont2 .a2_list1 li .cont-p .cont .tit {
    font-size: 1.35rem;
  }
}
.cont2 .a2_list1 li .cont-p .cont .p {
  font: 400 1.25rem/1.5em "Noto Sans SC";
}
@media (max-width: 768px) {
  .cont2 .a2_list1 li .cont-p .cont .p {
    font-size: 1.125rem;
    margin-top: 0.25rem;
  }
}
.cont2 .a2_list1 li .cont-p .cont .sec {
  margin-top: 0.25rem;
  font: 400 1.125rem/1.5em "Noto Sans SC";
}
@media (max-width: 768px) {
  .cont2 .a2_list1 li .cont-p .cont .sec {
    margin-top: 0.1rem;
    padding: 0 3%;
  }
}
.cont2 .a2_list1 li .cont-p .cont .sec a {
  color: #fff;
}
.cont2 .a2_list1 li .cont-p .cont .sec a:hover {
  color: #EC6519;
}
.cont2 .a2_list1 li .cont-p .cont .sec span {
  padding: 0 0.5em;
}
.cont2 .a2_list1 li .cont-p .cont .sec span:last-child {
  display: none;
}
.cont2 .a2_list1 li .cont-p .cont a.more-a {
  margin-top: 1rem;
}
.cont2 .a2_list1 li .cont-p .cont a.more-a::after {
  height: 1px;
  width: 100%;
  display: none;
}
.cont2 .a2_list1 li .cont-p .cont a.more-a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: #EC6519;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.cont2 .a2_list1 li .cont-p .cont a.more-a:hover {
  color: #EC6519;
}
.cont2 .a2_list1 li .cont-p .cont a.more-a:hover::before {
  width: 100%;
}
.cont2 .a2_list1 li .cont-p .cont .logoas {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .cont2 .a2_list1 li .cont-p .cont .logoas {
    margin-top: 1.5rem;
  }
}
.cont2 .a2_list1 li .cont-p .cont .logoas img {
  height: 2.0625rem;
}
.cont2 .a2_list1 li:hover .imgbj img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.cont2 .a2_list1 li:hover .imgbj::before {
  background: rgba(0, 0, 0, 0.5);
}

.titlea2 {
  color: #000000;
  font-weight: 600;
}
.titlea2 .entit {
  font-size: 3.75rem;
  line-height: 1.2em;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .titlea2 .entit {
    font-size: 2rem;
  }
}
.titlea2 .tit {
  font-size: 3rem;
  line-height: 1.25em;
}
@media (max-width: 768px) {
  .titlea2 .tit {
    font-size: 1.5rem;
  }
}

.cont3 {
  margin-top: 4.0625rem;
}
@media (max-width: 768px) {
  .cont3 {
    margin-top: 2rem;
  }
}
.cont3 .a3_list1 {
  margin-top: 4.625rem;
}
@media (max-width: 768px) {
  .cont3 .a3_list1 {
    margin-top: 1rem;
  }
}
.cont3 .a3_list1 li {
  width: 25%;
  text-align: center;
  padding: 1.5625rem 0 4.5rem;
}
@media (max-width: 768px) {
  .cont3 .a3_list1 li {
    margin-top: 1rem;
    width: 50%;
    padding: 1rem 4%;
  }
}
@media (max-width: 450px) {
  .cont3 .a3_list1 li {
    width: 100%;
    margin-top: 0;
  }
}
.cont3 .a3_list1 li + li {
  border-left: 1px solid #B9B3B3;
}
@media (max-width: 450px) {
  .cont3 .a3_list1 li + li {
    border-left: none;
    border-top: 1px solid #B9B3B3;
  }
}
@media (max-width: 768px) {
  .cont3 .a3_list1 li:nth-child(3) {
    border-left: none;
  }
}
.cont3 .a3_list1 li i {
  width: 35%;
  font-size: 0;
  display: block;
  margin: 0 auto;
}
@media (max-width: 450px) {
  .cont3 .a3_list1 li i {
    width: 25%;
  }
}
.cont3 .a3_list1 li i img {
  width: 100%;
}
.cont3 .a3_list1 li .tit {
  color: #000000;
  font: 600 1.5rem/1.5em "Noto Sans SC";
  padding: 1.1rem 0 0.75rem;
}
@media (max-width: 768px) {
  .cont3 .a3_list1 li .tit {
    font-size: 1.35rem;
    padding: 1rem 0 0.5rem;
  }
}
.cont3 .a3_list1 li .tit span {
  display: block;
  font: 400 1.25rem/1.25em "Montserrat";
  color: #7B7B7B;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .cont3 .a3_list1 li .tit span {
    font-size: 1rem;
  }
}
.cont3 .a3_list1 li .p {
  color: #696767;
  font: 400 1.125rem/1.6em "Noto Sans SC";
}

.cb-input_light-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 60px;
  width: 300%;
  -webkit-transform: translateX(-66.66%);
  -moz-transform: translateX(-66.66%);
  -ms-transform: translateX(-66.66%);
  -o-transform: translateX(-66.66%);
  transform: translateX(-66.66%);
  opacity: 0.25;
  background-image: url(../image/e17af138b06a80323b003bf10e41d9be.svg);
  background-position: center bottom;
  background-repeat: repeat-x;
  pointer-events: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-transition: opacity 0.4s, -webkit-transform 0s cubic-bezier(0, 0.25, 0.5, 1);
  transition: opacity 0.4s, -webkit-transform 0s cubic-bezier(0, 0.25, 0.5, 1);
  -o-transition: opacity 0.4s, -o-transform 0s cubic-bezier(0, 0.25, 0.5, 1);
  -moz-transition: transform 0s cubic-bezier(0, 0.25, 0.5, 1), opacity 0.4s, -moz-transform 0s cubic-bezier(0, 0.25, 0.5, 1);
  transition: transform 0s cubic-bezier(0, 0.25, 0.5, 1), opacity 0.4s;
  transition: transform 0s cubic-bezier(0, 0.25, 0.5, 1), opacity 0.4s, -webkit-transform 0s cubic-bezier(0, 0.25, 0.5, 1), -moz-transform 0s cubic-bezier(0, 0.25, 0.5, 1), -o-transform 0s cubic-bezier(0, 0.25, 0.5, 1);
}

.cont4 {
  padding: 8.5625rem 0 13.3125rem;
  margin-top: 5.625rem;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
@media (max-width: 768px) {
  .cont4 {
    margin-top: 1.5rem;
    padding: 2rem 0;
  }
}
.cont4 .titlea2 {
  color: #000;
}
.cont4 .a4_list1 {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .cont4 .a4_list1 {
    margin-top: 0;
  }
}
.cont4 .a4_list1 li {
  border-bottom: 1px solid rgba(217, 217, 217, 0.2);
  padding: 3.75rem 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .cont4 .a4_list1 li {
    padding: 1.5rem 0;
  }
}
.cont4 .a4_list1 li a.img {
  display: block;
  font-size: 0;
  width: 22.3571428571%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .cont4 .a4_list1 li a.img {
    width: 100%;
  }
}
.cont4 .a4_list1 li a.img img {
  width: 100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.cont4 .a4_list1 li .cont-p {
  width: 68.5714285714%;
  color: #000;
}
@media (max-width: 768px) {
  .cont4 .a4_list1 li .cont-p {
    width: 100%;
    margin-top: 1rem;
  }
}
.cont4 .a4_list1 li .cont-p .data {
  width: 15.1041666667%;
}
.cont4 .a4_list1 li .cont-p .data b {
  display: block;
  font-weight: 600;
  font-size: 3.75rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .cont4 .a4_list1 li .cont-p .data b {
    font-size: 3rem;
  }
}
.cont4 .a4_list1 li .cont-p .data span {
  font-size: 0.9375rem;
  font-weight: 600;
}
.cont4 .a4_list1 li .cont-p .cont {
  width: 81.25%;
}
.cont4 .a4_list1 li .cont-p .cont a.name {
  display: block;
  font: 500 1.5rem/1.5em "Noto Sans SC";
  color: #000;
}
@media (max-width: 768px) {
  .cont4 .a4_list1 li .cont-p .cont a.name {
    font-size: 1.35rem;
  }
}
.cont4 .a4_list1 li .cont-p .cont .p {
  font: 400 1.125rem/1.5em "Noto Sans SC";
  margin: 0.75rem 0;
}
.cont4 .a4_list1 li .cont-p .cont a.more-a {
  margin-top: 1.5rem;
  color: #000;
}
@media (max-width: 768px) {
  .cont4 .a4_list1 li .cont-p .cont a.more-a {
    margin-top: 1rem;
  }
}
.cont4 .a4_list1 li:hover {
  border-bottom: navajowhite;
}
.cont4 .a4_list1 li:hover a.img img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.cont4 .a4_list1 li:hover .cb-input_light-line {
  opacity: 1;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
  -webkit-filter: invert(37%) sepia(42%) saturate(5755%) hue-rotate(360deg) brightness(106%) contrast(108%);
  filter: invert(37%) sepia(42%) saturate(5755%) hue-rotate(360deg) brightness(106%) contrast(108%);
  -webkit-transition-duration: 0.8s, 0.4s;
     -moz-transition-duration: 0.8s, 0.4s;
       -o-transition-duration: 0.8s, 0.4s;
          transition-duration: 0.8s, 0.4s;
}
.cont4.on {
  background: #000000;
}
.cont4.on .titlea2, .cont4.on .a4_list1 li .cont-p, .cont4.on .a4_list1 li .cont-p .cont a.name, .cont4.on .a4_list1 li .cont-p .cont a.more-a {
  color: #fff;
}

.foot-fot {
  position: relative;
  background: #000000;
}
.foot-fot::after {
  content: "";
  display: block;
  background: #EC6519;
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 0.625rem;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  -moz-transition: all 0.8s;
  transition: all 0.8s;
}
.foot-fot.on::after {
  width: 100%;
}
.foot-fot .foota1 {
  position: relative;
  z-index: 1;
  padding: 4.5625rem 0;
}
@media (max-width: 990px) {
  .foot-fot .foota1 {
    display: none;
  }
}
.foot-fot .foota1 .fo-a1 {
  color: #F2F2F2;
  font: 400 1rem/2em "Noto Sans SC";
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 6.25rem;
}
.foot-fot .foota1 .fo-a1 a {
  color: #F2F2F2;
  display: block;
}
.foot-fot .foota1 .fo-a1 a:hover {
  color: #EC6519;
}
.foot-fot .foota1 .fo-a2 .wz {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  margin-right: 1.2em;
}
@media (max-width: 768px) {
  .foot-fot .foota1 .fo-a2 .wz {
    font-size: 1rem;
    font-weight: 600;
  }
}
.foot-fot .foota1 .fo-a2 .rtaas-a {
  margin-top: 0.25rem;
  color: #FFFFFF;
  font: 600 2rem/1.4em "Noto Sans SC";
}
.foot-fot .foota1 .fo-a2 .fenxasd {
  margin-top: 1.5rem;
}
.foot-fot .foota1 .fo-a2 .fenxasd a {
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  background: transparent;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.125rem;
}
.foot-fot .foota1 .fo-a2 .fenxasd a.icon-tuite::before {
  content: "\e628" !important;
  font-family: "iconfont" !important;
}
.foot-fot .foota1 .fo-a2 .fenxasd a:hover {
  background: #fff;
}
.foot-fot .foota1 .fo-a2 .fenxasd a:hover i {
  color: #333;
}
.foot-fot .foota1 .fo-a3 {
  text-align: right;
}
.foot-fot .foota1 .fo-a3 .d_logo img {
  height: 2.1875rem;
}
.foot-fot .foota1 .fo-a3 .p {
  color: #FFFFFF;
  font: 400 1.125rem/1.5em "Noto Sans SC";
  margin-top: 1em;
}
.foot-fot .foota1 .fo-a3 .p b {
  font: 600 2.25rem/1.5em "Barlow Condensed";
}
.foot-fot .foota2 {
  color: #fff;
  font: 400 1rem/1.65em "Noto Sans SC";
  padding: 1em 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.foot-fot .foota2 a {
  color: #fff;
}
.foot-fot .foota2 a.ast {
  border-bottom: 1px solid #fff;
}
.foot-fot .foota2 a:hover {
  font-weight: 600;
}
.foot-fot .foota2 .as-as span:last-child {
  display: none;
}

.foot1-m {
  display: none;
  width: 100%;
  position: relative;
  z-index: 1;
}
.foot1-m .derma-m {
  width: 30%;
  max-width: 100px;
  margin: 1.5em auto 0;
}

@media (max-width: 990px) {
  .d_nav {
    display: none;
  }
  .fix-gonga {
    display: none !important;
  }
}
/*手机底部*/
@media (max-width: 991px) {
  .foot1-m {
    display: block;
  }
}
.hidden {
  display: none;
}

.dbb {
  height: 50px;
}

.zd_erha {
  position: fixed;
  right: 1.82292%;
  bottom: 12%;
  z-index: 999;
}
@media (max-width: 768px) {
  .zd_erha {
    display: none;
  }
}
.zd_erha .aat_list li {
  position: relative;
}
.zd_erha .aat_list li + li {
  margin-top: 1.25rem;
}
.zd_erha li > a {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(14px);
  border-radius: 50%;
  line-height: 3.5rem;
  box-shadow: 0 0 0.2rem rgba(51, 51, 51, 0.2);
}
.zd_erha li > a i {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.zd_erha li > a i img {
  height: 1.75rem;
}
.zd_erha li > a:hover {
  background: #EC6519;
}
.zd_erha li .erghgsa {
  position: absolute;
  z-index: -1;
  padding: 0.5em 1.5rem;
  width: auto;
  text-align: center;
  right: -webkit-calc(110% + 5px);
  right: -moz-calc(110% + 5px);
  right: calc(110% + 5px);
  top: 10%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(110%);
     -moz-transform: translateX(110%);
      -ms-transform: translateX(110%);
       -o-transform: translateX(110%);
          transform: translateX(110%);
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s;
  box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
  color: #333;
  font-size: 1.125rem;
  background: #fff;
  border-radius: 0.4rem;
  white-space: nowrap;
}
.zd_erha li .erghgsb {
  width: 7rem;
  padding: 0.3rem;
}
.zd_erha li:hover .erghgsa {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}

.txt-box .tit {
  font: 700 3rem/1.25em "Noto Sans SC";
}
@media (max-width: 768px) {
  .txt-box .tit {
    font-size: 1.5rem;
  }
}
.txt-box .p {
  font: 400 1.625rem/1.5em "Noto Sans SC";
  margin-top: 0.5rem;
}
@media (max-width: 768px) {
  .txt-box .p {
    font-size: 1rem;
  }
}

.nbanner {
  overflow: hidden;
  z-index: 1;
}
.nbanner .img {
  position: relative;
}
.nbanner .img::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.nbanner .img img {
  width: 100%;
}
.nbanner .nbanner-wen1 {
  width: 100%;
  z-index: 1;
}
.nbanner .nbanner-wen1 .banner-cont {
  color: #fff;
}
.nbanner .nbanner-wen1 .banner-cont.txt-box {
  padding-top: 6.9375rem;
}
@media (max-width: 768px) {
  .nbanner .nbanner-wen1 .banner-cont.txt-box {
    padding-top: 4rem;
  }
}
.nbanner .nbanner-wen1 .banner-cont .entit {
  font: 700 3.75rem/1.25em "Montserrat";
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .nbanner .nbanner-wen1 .banner-cont .entit {
    font-size: 2rem;
  }
}
.nbanner .nbanner-wen1 .banner-cont .tit {
  font: 700 3rem/1.25em "Noto Sans SC";
}
@media (max-width: 768px) {
  .nbanner .nbanner-wen1 .banner-cont .tit {
    font-size: 1.5rem;
  }
}
.nbanner .nbanner-wen1 .banner-cont1 {
  color: #fff;
  text-align: center;
}
.nbanner .nbanner-wen1 .banner-cont1 .tit {
  font: 700 3.75rem/1.25em "Noto Sans SC";
}
@media (max-width: 768px) {
  .nbanner .nbanner-wen1 .banner-cont1 .tit {
    font-size: 2rem;
  }
}
.nbanner .nbanner-wen1 .banner-cont1 .p {
  font: 400 1.25rem/1.5em "Noto Sans SC";
  padding: 2.5rem 12%;
}
@media (max-width: 768px) {
  .nbanner .nbanner-wen1 .banner-cont1 .p {
    font-size: 1rem;
    padding: 1rem 2%;
  }
}
.nbanner.nbanneras1 .nbanner-wen1 {
  top: 44%;
}
@media (max-width: 768px) {
  .nbanner.nbanneras1 .nbanner-wen1 {
    top: 36%;
  }
}

.nbanner1 .imgbj {
  position: relative;
}
.nbanner1 .imgbj img.img {
  width: 100%;
}
@media (max-width: 768px) {
  .nbanner1 .imgbj {
    padding-bottom: 100%;
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
  }
  .nbanner1 .imgbj > img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.nbanner1 .imgbj video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .nbanner1 .imgbj video {
    display: none;
  }
}
.nbanner1 .imgbj::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.nbanner1 .cont-p {
  z-index: 2;
  width: 100%;
  color: #fff;
}
.nbanner1 .cont-p .titla1 {
  font: 600 2.5rem/1.5em "Noto Sans SC";
}
@media (max-width: 768px) {
  .nbanner1 .cont-p .titla1 {
    font-size: 1.5rem;
  }
}
.nbanner1 .cont-p .p {
  font: 400 1.25rem/1.5em "Noto Sans SC";
  margin-top: 0.4rem;
}
@media (max-width: 768px) {
  .nbanner1 .cont-p .p {
    font-size: 1rem;
  }
}
.nbanner1 .cont-p .jsal-list {
  width: 49.7142857143%;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .nbanner1 .cont-p .jsal-list {
    width: 100%;
    margin-top: 1rem;
  }
}
.nbanner1 .cont-p .jsal-list li {
  width: 20%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: -1px;
  margin-left: -1px;
}
@media (max-width: 768px) {
  .nbanner1 .cont-p .jsal-list li {
    width: 33.3333333333%;
  }
}
.nbanner1 .cont-p .jsal-list li a {
  display: block;
  font-size: 0;
}
.nbanner1 .cont-p .jsal-list li a img {
  width: 100%;
}

.case-sort {
  padding: 2rem 0;
}
@media (max-width: 768px) {
  .case-sort {
    padding: 1.125rem 0;
  }
}
.case-sort .case-sortlist {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-mask: -webkit-linear-gradient(left, #000 70%, transparent);
          mask: linear-gradient(90deg, #000 70%, transparent);
  padding-right: 7rem;
}
.case-sort .case-sortlist:hover {
  cursor: ew-resize;
}
.case-sort .case-sortlist::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.case-sort .case-sortlist::-webkit-scrollbar-track {
  border-radius: 10px;
}
.case-sort .case-sortlist::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
.case-sort .case-sortlist li {
  display: inline-block;
}
.case-sort .case-sortlist li + li {
  margin-left: 1.25rem;
}
@media (max-width: 768px) {
  .case-sort .case-sortlist li + li {
    margin-left: 1rem;
  }
}
.case-sort .case-sortlist li a {
  display: block;
  color: #000000;
  font: 500 1.125rem/1.6em "Noto Sans SC";
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.25rem 1rem;
  margin: 0.45rem 0;
}
@media (max-width: 768px) {
  .case-sort .case-sortlist li a {
    font-size: 1.125rem;
  }
}
.case-sort .case-sortlist li.active a, .case-sort .case-sortlist li:hover a {
  background: #EC6519;
  color: #fff;
  border-color: #EC6519;
}

.mbx {
  color: #A1A1A1;
  font: 500 0.875rem/2em "Noto Sans SC";
  margin: 1em 0;
}
.mbx i {
  font-size: 1rem;
  margin-right: 0.5em;
}
.mbx a {
  color: #A1A1A1;
}
.mbx a:hover {
  color: #3DCD58;
}

.loadmore-nodata {
  margin: 0 auto 9em;
}

.text-center {
  text-align: center;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0 0;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .pagination {
    margin: 0 0 0;
  }
}

.pagination > li {
  display: inline;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  margin-left: -1px;
  line-height: 2.375rem;
  color: #333333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 0 0.2rem;
  font-weight: 500;
}

/*.pagination > li:first-child > a, .pagination > li:first-child > span {*/
/*  margin-left: 0;*/
/*  line-height: 2.1;*/
/*  background: #fff;*/
/*}*/

.pagination > li:last-child > a, .pagination > li:last-child > span {
  line-height: 2.1;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  z-index: 2;
  color: #EC6519;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #EC6519;
  border-color: #EC6519;
  vertical-align: middle;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 2.6875rem 0;
  text-align: center;
  list-style: none;
}
@media (max-width: 768px) {
  .pager {
    margin: 1.5rem 0;
  }
}

.pager li {
  display: inline;
}

.pager li > a, .pager li > span {
  display: inline-block;
  background-color: transparent;
  border: 1px solid #DBDBDB;
  width: 2.375rem;
  height: 2.375rem;
  background: #fff;
}

.pager li > a:focus, .pager li > a:hover {
  text-decoration: none;
  background-color: #eee;
}

.pager .next > a, .pager .next > span {
  float: right;
}

.pager .previous > a, .pager .previous > span {
  float: left;
}

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
  color: #333333;
  cursor: not-allowed;
  background-color: transparent;
}

.ny-content {
  margin-bottom: 6.25rem;
}
@media (max-width: 768px) {
  .ny-content {
    margin-bottom: 2rem;
  }
}

@-webkit-keyframes scale2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.fang-img {
  -webkit-animation: scale2 4s infinite linear;
  -moz-animation: scale2 4s infinite linear;
  -o-animation: scale2 4s infinite linear;
  animation: scale2 4s infinite linear;
}

.case-content .case-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.4375rem;
}
@media (max-width: 768px) {
  .case-content .case-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
@media (max-width: 450px) {
  .case-content .case-list {
    display: block;
  }
}
.case-content .case-list li {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .case-content .case-list li {
    margin-top: 0.5rem;
  }
}
@media (max-width: 450px) {
  .case-content .case-list li {
    width: 100%;
    margin-top: 1rem;
  }
}
/*.case-content .case-list li:nth-child(1) {*/
/*  grid-column: 1/3;*/
/*}*/
/*.case-content .case-list li:nth-child(1) a.img i {*/
/*  padding-bottom: 44.3722943723%;*/
/*}*/
.case-content .case-list li a.img {
  display: block;
}
.case-content .case-list li a.img i {
  display: block;
  font-size: 0;
  overflow: hidden;
  padding-bottom: 61.1111111111%;
  width: 100%;
  position: relative;
  height: 0;
  overflow: hidden;
  margin: 0;
  text-align: center;
}
.case-content .case-list li a.img i > img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.case-content .case-list li a.img i img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
.case-content .case-list li a.img .cont-p {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .case-content .case-list li a.img .cont-p {
    margin-top: 0.5rem;
  }
}
.case-content .case-list li a.img .cont-p .name {
  color: #000000;
  font: 100 1.5rem/1.5em "Noto Sans SC";
  text-align: center;
}
@media (max-width: 768px) {
  .case-content .case-list li a.img .cont-p .name {
    font-size: 1.25rem;
  }
}
.case-content .case-list li a.img .cont-p .p {
  color: rgba(0, 0, 0, 0.7);
  font: 400 1rem/1.5em "Noto Sans SC";
}
.case-content .case-list li a.img:hover .cont-p .name {
  color: #EC6519;
}

.hy-cont1 {
  background: #F5F5F5;
  padding: 7.0625rem 0;
}
@media (max-width: 768px) {
  .hy-cont1 {
    padding: 2rem 0;
  }
}
.hy-cont1 .hy-a1_list1 {
  margin-top: 2.8125rem;
}
@media (max-width: 768px) {
  .hy-cont1 .hy-a1_list1 {
    margin-top: 0.5rem;
  }
}
.hy-cont1 .hy-a1_list1 li {
  width: 23.5714285714%;
}
@media (max-width: 768px) {
  .hy-cont1 .hy-a1_list1 li {
    width: 48%;
    margin-top: 1rem;
  }
}
@media (max-width: 450px) {
  .hy-cont1 .hy-a1_list1 li {
    width: 100%;
  }
}
.hy-cont1 .hy-a1_list1 li .cont-p {
  background: #fff;
  padding: 5.125rem 8%;
  height: 100%;
}
@media (max-width: 768px) {
  .hy-cont1 .hy-a1_list1 li .cont-p {
    padding: 1.5rem 8%;
  }
}
.hy-cont1 .hy-a1_list1 li .cont-p i {
  display: block;
  font-size: 0;
  width: 3.75rem;
}
.hy-cont1 .hy-a1_list1 li .cont-p i img {
  width: 100%;
}
.hy-cont1 .hy-a1_list1 li .cont-p .tita1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1rem 0;
}
.hy-cont1 .hy-a1_list1 li .cont-p .tita1 .tit {
  color: #000000;
  font: 600 1.125rem/1.5em "Noto Sans SC";
}
.hy-cont1 .hy-a1_list1 li .cont-p .tita1 .ftit {
  color: rgba(0, 0, 0, 0.5);
  font: 400 1rem/1.5em "Noto Sans SC";
  text-transform: uppercase;
}
.hy-cont1 .hy-a1_list1 li .cont-p .p {
  color: rgba(0, 0, 0, 0.6);
  font: 400 1rem/1.5em "Noto Sans SC";
  padding-top: 1rem;
}

.hy-cont2 {
  padding: 6.25rem 0 5.9375rem;
}
@media (max-width: 768px) {
  .hy-cont2 {
    padding: 2rem 0;
  }
  .hy-cont2 a.more-a {
    margin-top: 1rem;
  }
}
.hy-cont2 .ylal-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.4375rem;
  margin-top: 2.875rem;
}
@media (max-width: 768px) {
  .hy-cont2 .ylal-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 1rem;
  }
}
@media (max-width: 450px) {
  .hy-cont2 .ylal-list {
    display: block;
  }
}
@media (max-width: 450px) {
  .hy-cont2 .ylal-list li {
    width: 100%;
    margin-top: 1rem;
  }
}
.hy-cont2 .ylal-list li:nth-child(1) {
  grid-column: 1/3;
}
.hy-cont2 .ylal-list li:nth-child(1) a.img i {
  padding-bottom: 44.3722943723%;
}
.hy-cont2 .ylal-list li a.img {
  display: block;
  position: relative;
}
.hy-cont2 .ylal-list li a.img i {
  display: block;
  font-size: 0;
  overflow: hidden;
  padding-bottom: 91.1111111111%;
  width: 100%;
  position: relative;
  height: 0;
  overflow: hidden;
}
.hy-cont2 .ylal-list li a.img i > img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hy-cont2 .ylal-list li a.img i img {
  width: 100%;
}
.hy-cont2 .ylal-list li a.img .cont-p {
  position: absolute;
  left: 0;
  bottom: 1.5rem;
  width: 100%;
  padding: 0 2rem;
}
@media (max-width: 768px) {
  .hy-cont2 .ylal-list li a.img .cont-p {
    padding: 0 1rem;
    bottom: 1rem;
  }
}
.hy-cont2 .ylal-list li a.img .cont-p .name {
  color: #fff;
  font: 600 1.5rem/1.5em "Noto Sans SC";
}
@media (max-width: 768px) {
  .hy-cont2 .ylal-list li a.img .cont-p .name {
    font-size: 1.25rem;
  }
}
.hy-cont2 .ylal-list li a.img .cont-p .p {
  color: #fff;
  font: 400 1rem/1.5em "Noto Sans SC";
}
.hy-cont3 {
  background: #F5F5F5;
  padding: 6.5625rem 0;
}
@media (max-width: 768px) {
  .hy-cont3 {
    padding: 2rem 0;
  }
}
.hy-cont3 .a4_list1 li {
  border-bottom: 1px solid rgba(217, 217, 217, 0.2);
  padding: 3rem 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .hy-cont3 .a4_list1 li {
    padding: 1.5rem 0;
  }
}
.hy-cont3 .a4_list1 li a.img {
  display: block;
  font-size: 0;
  width: 22.3571428571%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .hy-cont3 .a4_list1 li a.img {
    width: 100%;
  }
}
.hy-cont3 .a4_list1 li a.img img {
  width: 100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.hy-cont3 .a4_list1 li .cont-p {
  width: 68.5714285714%;
  color: #000;
}
@media (max-width: 768px) {
  .hy-cont3 .a4_list1 li .cont-p {
    width: 100%;
    margin-top: 1rem;
  }
}
.hy-cont3 .a4_list1 li .cont-p .data {
  width: 15.1041666667%;
}
.hy-cont3 .a4_list1 li .cont-p .data b {
  display: block;
  font-weight: 600;
  font-size: 3.75rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .hy-cont3 .a4_list1 li .cont-p .data b {
    font-size: 3rem;
  }
}
.hy-cont3 .a4_list1 li .cont-p .data span {
  font-size: 0.9375rem;
  font-weight: 600;
}
.hy-cont3 .a4_list1 li .cont-p .cont {
  width: 81.25%;
}
.hy-cont3 .a4_list1 li .cont-p .cont a.name {
  display: block;
  font: 500 1.5rem/1.5em "Noto Sans SC";
  color: #000;
}
@media (max-width: 768px) {
  .hy-cont3 .a4_list1 li .cont-p .cont a.name {
    font-size: 1.35rem;
  }
}
.hy-cont3 .a4_list1 li .cont-p .cont .p {
  font: 400 1.125rem/1.5em "Noto Sans SC";
  margin: 0.75rem 0;
  color: rgba(0, 0, 0, 0.6);
}
.hy-cont3 .a4_list1 li .cont-p .cont a.more-a {
  margin-top: 1.5rem;
  color: #000;
}
@media (max-width: 768px) {
  .hy-cont3 .a4_list1 li .cont-p .cont a.more-a {
    margin-top: 1rem;
  }
}
.hy-cont3 .a4_list1 li:hover {
  border-bottom: navajowhite;
}
.hy-cont3 .a4_list1 li:hover a.img img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.hy-cont3 .a4_list1 li:hover .cb-input_light-line {
  opacity: 1;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
  -webkit-filter: invert(37%) sepia(42%) saturate(5755%) hue-rotate(360deg) brightness(106%) contrast(108%);
  filter: invert(37%) sepia(42%) saturate(5755%) hue-rotate(360deg) brightness(106%) contrast(108%);
  -webkit-transition-duration: 0.8s, 0.4s;
     -moz-transition-duration: 0.8s, 0.4s;
       -o-transition-duration: 0.8s, 0.4s;
          transition-duration: 0.8s, 0.4s;
}

.case-show-banner .imgas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.case-show-banner .imgas img {
  width: 100%;
}

.case-show-content {
  padding: 0 0 9.25rem;
  background: #F5F5F5;
}
@media (max-width: 768px) {
  .case-show-content {
    padding-bottom: 2.5rem;
  }
}
.case-show-content .wh {
  position: relative;
  z-index: 1;
}
.case-show-content .case-show-tit {
  text-align: center;
  color: #fff;
  padding-top: 11.125rem;
}
@media (max-width: 768px) {
  .case-show-content .case-show-tit {
    padding-top: 4rem;
  }
}
.case-show-content .case-show-tit .tit {
  font: 400 3rem/1.5em "Noto Sans SC";
}
@media (max-width: 768px) {
  .case-show-content .case-show-tit .tit {
    font-size: 1.85rem;
  }
}
.case-show-content .case-show-tit .tit b {
  font-weight: 700;
}
.case-show-content .case-show-tit a.more-a {
  margin-top: 2.5rem;
  padding-bottom: 0.25rem;
}
@media (max-width: 768px) {
  .case-show-content .case-show-tit a.more-a {
    margin-top: 1rem;
  }
}
.case-show-content .case-show-tit a.more-a::after {
  bottom: -1px;
  height: 1px;
  background: #EC6519;
}
.case-show-content .case-show-tit a.more-a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 95%;
  height: 1px;
  background: #fff;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.case-show-content .case-show-tit a.more-a:hover {
  color: #EC6519;
}
.case-show-content .img {
  margin-top: 4.3125rem;
  padding: 0 10.4285714286%;
}
@media (max-width: 768px) {
  .case-show-content .img {
    margin-top: 2rem;
    padding: 0 4%;
  }
}
.case-show-content .img img {
  width: 100%;
  box-shadow: 0px 1.25rem 1.25rem 0px rgba(0, 0, 0, 0.05);
}

.news-list li {
  border-bottom: 1px solid rgba(217, 217, 217, 0.2);
  padding: 3rem 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .news-list li {
    padding: 1.5rem 0;
  }
}
.news-list li a.img {
  display: block;
  font-size: 0;
  width: 22.3571428571%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .news-list li a.img {
    width: 100%;
  }
}
.news-list li a.img img {
  width: 100%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.news-list li .cont-p {
  width: 68.5714285714%;
  color: #000;
}
@media (max-width: 768px) {
  .news-list li .cont-p {
    width: 100%;
    margin-top: 1rem;
  }
}
.news-list li .cont-p .data {
  width: 15.1041666667%;
}
.news-list li .cont-p .data b {
  display: block;
  font-weight: 600;
  font-size: 3.75rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .news-list li .cont-p .data b {
    font-size: 3rem;
  }
}
.news-list li .cont-p .data span {
  font-size: 0.9375rem;
  font-weight: 600;
}
.news-list li .cont-p .cont {
  width: 81.25%;
}
.news-list li .cont-p .cont a.name {
  display: block;
  font: 500 1.5rem/1.5em "Noto Sans SC";
  color: #000;
}
@media (max-width: 768px) {
  .news-list li .cont-p .cont a.name {
    font-size: 1.35rem;
  }
}
.news-list li .cont-p .cont .p {
  font: 400 1.125rem/1.5em "Noto Sans SC";
  margin: 0.75rem 0;
  color: rgba(0, 0, 0, 0.6);
}
.news-list li .cont-p .cont a.more-a {
  margin-top: 1.5rem;
  color: #000;
}
@media (max-width: 768px) {
  .news-list li .cont-p .cont a.more-a {
    margin-top: 1rem;
  }
}
.news-list li:hover {
  border-bottom: navajowhite;
}
.news-list li:hover a.img img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.news-list li:hover .cb-input_light-line {
  opacity: 1;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
  -webkit-filter: invert(37%) sepia(42%) saturate(5755%) hue-rotate(360deg) brightness(106%) contrast(108%);
  filter: invert(37%) sepia(42%) saturate(5755%) hue-rotate(360deg) brightness(106%) contrast(108%);
  -webkit-transition-duration: 0.8s, 0.4s;
     -moz-transition-duration: 0.8s, 0.4s;
       -o-transition-duration: 0.8s, 0.4s;
          transition-duration: 0.8s, 0.4s;
}

.news-content .news-list {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .news-content .news-list {
    margin-top: 0.6rem;
  }
}
.news-content .news-cont1 {
  background: #F5F5F5;
  padding: 6.5rem 0;
}
@media (max-width: 768px) {
  .news-content .news-cont1 {
    padding: 2rem 0;
  }
}
.news-content .news-cont1 .mySwiper1 {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .news-content .news-cont1 .mySwiper1 {
    margin-top: 1.25rem;
  }
}
.news-content .news-cont1 .mySwiper1 .swiper-slide {
  background: #fff;
  padding: 2.5%;
}
@media (max-width: 768px) {
  .news-content .news-cont1 .mySwiper1 .swiper-slide {
    padding: 5%;
  }
}
.news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p1 {
  height: 22.0625rem;
  overflow: hidden;
}
@media (max-width: 990px) {
  .news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p1 {
    height: 29rem;
  }
}
@media (max-width: 768px) {
  .news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p1 {
    height: auto;
  }
}
.news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p1 a.img {
  display: none;
  font-size: 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p1 a.img {
    display: block;
  }
}
.news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p1 a.img img {
  width: 100%;
}
.news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p1 a.name {
  color: #000000;
  font: 600 1.5rem/1.4em "Noto Sans SC";
  margin: 1rem 0;
}
@media (max-width: 768px) {
  .news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p1 a.name {
    font-size: 1.35rem;
    margin: 0.6rem 0;
  }
}
.news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p1 .p {
  color: rgba(0, 0, 0, 0.6);
  font: 400 1.125rem/1.5em "Noto Sans SC";
}
@media (max-width: 768px) {
  .news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p1 .p {
    font-size: 1rem;
  }
}
.news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p2 {
  margin-top: 1rem;
}
.news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p2 .data b {
  display: block;
  font-weight: 600;
  font-size: 3.75rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p2 .data b {
    font-size: 3rem;
  }
}
.news-content .news-cont1 .mySwiper1 .swiper-slide .cont-p2 .data span {
  font-size: 0.9375rem;
  font-weight: 600;
}
.news-content .news-cont1 .mySwiper1 .swiper-slide:hover .cont-p1 a.img {
  display: block;
}
.news-content .news-cont1 .mySwiper1 .swiper-slide:hover .cont-p1 a.name {
  color: #EC6519;
}
.news-content .news-cont1 .mySwiper1 .swiper-slide:hover .cont-p1 .p {
  display: none;
}
@media (max-width: 768px) {
  .news-content .news-cont1 .mySwiper1 .swiper-slide:hover .cont-p1 .p {
    display: -webkit-box;
  }
}

.lx-cont1 {
  padding: 6.75rem 0 5.625rem;
}
@media (max-width: 768px) {
  .lx-cont1 {
    padding: 2rem 0;
  }
}
.lx-cont1 .lxfs_list1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5625rem;
  margin-top: 2.625rem;
}
@media (max-width: 768px) {
  .lx-cont1 .lxfs_list1 {
    margin-top: 1rem;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 450px) {
  .lx-cont1 .lxfs_list1 {
    display: block;
  }
}
.lx-cont1 .lxfs_list1 li {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.25rem 1.25rem 0px rgba(0, 0, 0, 0.04);
  padding: 1.875rem 7% 3.25rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 768px) {
  .lx-cont1 .lxfs_list1 li {
    padding: 1.25rem 5% 2rem;
  }
}
@media (max-width: 450px) {
  .lx-cont1 .lxfs_list1 li {
    margin-top: 1rem;
  }
}
.lx-cont1 .lxfs_list1 li::after {
  content: "";
  position: absolute;
  right: -50%;
  bottom: -50%;
  border-radius: 50%;
  width: 0;
  height: 0;
  background: #EC6519;
  z-index: -1;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  -moz-transition: all 0.8s;
  transition: all 0.8s;
}
.lx-cont1 .lxfs_list1 li .imga {
  width: 19.1111111111%;
  position: absolute;
  right: -0.8rem;
  bottom: -0.8rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.lx-cont1 .lxfs_list1 li .imga img {
  width: 100%;
}
.lx-cont1 .lxfs_list1 li .tit {
  display: inline-block;
  position: relative;
  color: #010101;
  font: 600 1.875rem/1.25em "Noto Sans SC";
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  -moz-transition: all 0.8s;
  transition: all 0.8s;
  z-index: 1;
}
@media (max-width: 768px) {
  .lx-cont1 .lxfs_list1 li .tit {
    font-size: 1.5rem;
  }
}
.lx-cont1 .lxfs_list1 li .tit::after {
  content: "";
  display: block;
  position: absolute;
  right: -0.5rem;
  top: 0;
  background: rgba(236, 101, 25, 0.5);
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  -moz-transition: all 0.8s;
  transition: all 0.8s;
}
.lx-cont1 .lxfs_list1 li .p {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .lx-cont1 .lxfs_list1 li .p {
    margin-top: 1.25rem;
  }
}
.lx-cont1 .lxfs_list1 li .p .gp {
  color: #010101;
  font-size: 1.125rem;
  line-height: 1.4em;
  padding-left: 1.5em;
  padding-right: 10%;
  margin-top: 0.25rem;
  position: relative;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  -moz-transition: all 0.8s;
  transition: all 0.8s;
}
.lx-cont1 .lxfs_list1 li .p .p1 {
  font-family: "Barlow Condensed";
}
.lx-cont1 .lxfs_list1 li .p .p1 p {
  font-size: 1.35rem;
}
.lx-cont1 .lxfs_list1 li .p .p1::before {
  content: "\e62d";
  font-family: "iconfont" !important;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.125rem;
}
.lx-cont1 .lxfs_list1 li .p .p2::before {
  content: "\e62e";
  font-family: "iconfont" !important;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.125rem;
}
.lx-cont1 .lxfs_list1 li:hover::after {
  width: 200%;
  height: 450%;
}
.lx-cont1 .lxfs_list1 li:hover .tit {
  color: #fff;
}
.lx-cont1 .lxfs_list1 li:hover .tit::after {
  background: rgba(255, 255, 255, 0.3);
}
.lx-cont1 .lxfs_list1 li:hover .p .gp {
  color: #fff;
}
.lx-cont1 .lxfs_list1 li:hover .imga {
  border: none;
  background: rgba(255, 255, 255, 0.1);
}
.lx-cont1 .lxfs_list1 li:hover .imga img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.lx-cont2 {
  background: #F8F8F8;
  padding: 7.5rem 0 8.625rem;
}
@media (max-width: 768px) {
  .lx-cont2 {
    padding: 2rem 0 2.5rem;
  }
}
.lx-cont2 .lx-a2_v1 .lx-a2_b1 {
  width: 46.4285714286%;
}
@media (max-width: 768px) {
  .lx-cont2 .lx-a2_v1 .lx-a2_b1 {
    width: 100%;
  }
}
.lx-cont2 .lx-a2_v1 .lx-a2_b1 .titlea2 .tit {
  line-height: 1.4em;
}
.lx-cont2 .lx-a2_v1 .lx-a2_b1 .titlea2 .tit.hsa {
  color: #EC6519;
}
.lx-cont2 .lx-a2_v1 .lx-a2_b2 {
  width: 42.8571428571%;
}
@media (max-width: 768px) {
  .lx-cont2 .lx-a2_v1 .lx-a2_b2 {
    width: 100%;
    margin-top: 1rem;
  }
}
.lx-cont2 .lx-a2_v1 .lx-a2_b2 form .cb-input_light-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 60px;
  width: 300%;
  -webkit-transform: translateX(-66.66%);
     -moz-transform: translateX(-66.66%);
      -ms-transform: translateX(-66.66%);
       -o-transform: translateX(-66.66%);
          transform: translateX(-66.66%);
  opacity: 0.25;
  background-image: url(../image/e17af138b06a80323b003bf10e41d9be.svg);
  background-position: center bottom;
  background-repeat: repeat-x;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  opacity: 0.3;
  -webkit-transition: opacity 0.4s, -webkit-transform 0s cubic-bezier(0, 0.25, 0.5, 1);
  transition: opacity 0.4s, -webkit-transform 0s cubic-bezier(0, 0.25, 0.5, 1);
  -o-transition: opacity 0.4s, -o-transform 0s cubic-bezier(0, 0.25, 0.5, 1);
  -moz-transition: transform 0s cubic-bezier(0, 0.25, 0.5, 1), opacity 0.4s, -moz-transform 0s cubic-bezier(0, 0.25, 0.5, 1);
  transition: transform 0s cubic-bezier(0, 0.25, 0.5, 1), opacity 0.4s;
  transition: transform 0s cubic-bezier(0, 0.25, 0.5, 1), opacity 0.4s, -webkit-transform 0s cubic-bezier(0, 0.25, 0.5, 1), -moz-transform 0s cubic-bezier(0, 0.25, 0.5, 1), -o-transform 0s cubic-bezier(0, 0.25, 0.5, 1);
}
.lx-cont2 .lx-a2_v1 .lx-a2_b2 form .inpt {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.8rem;
}
@media (max-width: 768px) {
  .lx-cont2 .lx-a2_v1 .lx-a2_b2 form .inpt {
    margin-bottom: 1.2rem;
  }
}
.lx-cont2 .lx-a2_v1 .lx-a2_b2 form .inpt input:hover + .cb-input_light-line, .lx-cont2 .lx-a2_v1 .lx-a2_b2 form .inpt textarea:hover + .cb-input_light-line {
  opacity: 1;
  -webkit-filter: invert(37%) sepia(42%) saturate(5755%) hue-rotate(360deg) brightness(106%) contrast(108%);
          filter: invert(37%) sepia(42%) saturate(5755%) hue-rotate(360deg) brightness(106%) contrast(108%);
}
.lx-cont2 .lx-a2_v1 .lx-a2_b2 form .inpt input:focus + .cb-input_light-line, .lx-cont2 .lx-a2_v1 .lx-a2_b2 form .inpt textarea:focus + .cb-input_light-line {
  opacity: 1;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
  -webkit-filter: invert(37%) sepia(42%) saturate(5755%) hue-rotate(360deg) brightness(106%) contrast(108%);
          filter: invert(37%) sepia(42%) saturate(5755%) hue-rotate(360deg) brightness(106%) contrast(108%);
  -webkit-transition-duration: 0.8s, 0.4s;
     -moz-transition-duration: 0.8s, 0.4s;
       -o-transition-duration: 0.8s, 0.4s;
          transition-duration: 0.8s, 0.4s;
}
.lx-cont2 .lx-a2_v1 .lx-a2_b2 form .inpt .tit {
  color: #000000;
  font: 600 1rem/1.5em "Noto Sans SC";
}
.lx-cont2 .lx-a2_v1 .lx-a2_b2 form .inpt input {
  width: 100%;
  border: none;
  font: 400 1rem/3.75rem "Noto Sans SC";
  background: transparent;
}
.lx-cont2 .lx-a2_v1 .lx-a2_b2 button {
  border: none;
  background: #EC6519;
  padding: 0.85rem 3.5em;
  color: #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.lx-cont2 .lx-a2_v1 .lx-a2_b2 button::after {
  display: none;
}
.lx-cont2 .lx-a2_v1 .lx-a2_b2 button:hover {
  background: #000;
}

.fw-content .gong-titas .tit {
  color: #020202;
  font-family: "Noto Sans SC";
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 768px) {
  .fw-content .gong-titas .tit {
    font-size: 1.5rem;
  }
}
.fw-content .gong-titas .p {
  color: rgba(2, 2, 2, 0.7);
  font-family: "Noto Sans SC";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.1em;
  margin-top: 1em;
}
@media (max-width: 768px) {
  .fw-content .gong-titas .p {
    line-height: 1.8em;
    margin-top: 0.5rem;
  }
}
.fw-content .gong-titas a.more-a {
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .fw-content .gong-titas a.more-a {
    margin-top: 1rem;
  }
}
.fw-content .fw-list li {
  padding-top: 8rem;
  padding-bottom: 10rem;
}
@media (max-width: 768px) {
  .fw-content .fw-list li {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.fw-content .fw-list li:nth-child(2n-1) {
  background: #F5F5F5;
}
.fw-content .fw-list li .fw_v1 {
  position: relative;
}
.fw-content .fw-list li .fw_v1 .en {
  position: absolute;
  right: 0;
  bottom: -0.5em;
  font-size: 10rem;
  font-weight: bold;
  color: white;
  -webkit-text-stroke: 1px #EC6519;
  -webkit-text-fill-color: transparent;
  font-family: "Roboto";
  line-height: 1em;
  text-transform: uppercase;
  width: 100%;
  text-align: right;
}
@media (max-width: 768px) {
  .fw-content .fw-list li .fw_v1 .en {
    font-size: 3rem;
    bottom: -0.4em;
    -webkit-text-stroke: 0.8px #EC6519;
  }
}
.fw-content .fw-list li .fw_v1 .fw_a1 {
  width: 39.6428571429%;
}
@media (max-width: 768px) {
  .fw-content .fw-list li .fw_v1 .fw_a1 {
    width: 100%;
  }
}
.fw-content .fw-list li .fw_v1 .fw_a2 {
  width: 54.2857142857%;
}
@media (max-width: 768px) {
  .fw-content .fw-list li .fw_v1 .fw_a2 {
    width: 100%;
    margin-top: 1rem;
  }
}
.fw-content .fw-list li .fw_v1 .fw_a2 img {
  width: 100%;
  -webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
       -o-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: right top;
     -moz-transform-origin: right top;
      -ms-transform-origin: right top;
       -o-transform-origin: right top;
          transform-origin: right top;
}
@media (max-width: 768px) {
  .fw-content .fw-list li .fw_v1 .fw_a2 img {
    -webkit-transform: inherit;
       -moz-transform: inherit;
        -ms-transform: inherit;
         -o-transform: inherit;
            transform: inherit;
  }
}
.fw-content .fw-list2 li {
  width: 50%;
  padding: 12rem 13.125% 20rem 7.9166666667%;
  position: relative;
}
.fw-content .fw-list2 li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.fw-content .fw-list2 li .imgas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1366px) {
  .fw-content .fw-list2 li {
    padding: 12rem 5.78125% 20rem;
  }
}
@media (max-width: 768px) {
  .fw-content .fw-list2 li {
    width: 100%;
    padding: 2rem 4% 4rem;
  }
}
.fw-content .fw-list2 li .cont-p {
  z-index: 2;
  position: relative;
}
.fw-content .fw-list2 li .cont-p.gong-titas .tit, .fw-content .fw-list2 li .cont-p.gong-titas .p, .fw-content .fw-list2 li .cont-p.gong-titas a.more-a {
  color: #fff;
}
.fw-content .fw-list2 li .en {
  position: absolute;
  left: 0;
  bottom: -0.15em;
  font-size: 10rem;
  font-weight: bold;
  color: white;
  -webkit-text-stroke: 1px #EC6519;
  -webkit-text-fill-color: transparent;
  font-family: "Roboto";
  line-height: 1em;
  text-transform: uppercase;
  z-index: 2;
}
@media (max-width: 768px) {
  .fw-content .fw-list2 li .en {
    font-size: 3rem;
    bottom: 0;
    -webkit-text-stroke: 0.8px #EC6519;
    left: 2%;
  }
}

.more-b {
  background: #EC6519;
  display: inline-block;
  overflow: hidden;
  -webkit-transition: background 0.4s linear;
  -o-transition: background 0.4s linear;
  -moz-transition: background 0.4s linear;
  transition: background 0.4s linear;
  will-change: background;
  padding: 1rem 4.5rem;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  position: relative;
  border-radius: 2.5rem;
}
@media (max-width: 768px) {
  .more-b {
    padding: 1em 2.6em;
  }
}
.more-b span {
  position: relative;
  display: block;
  -webkit-perspective: 108px;
     -moz-perspective: 108px;
          perspective: 108px;
}
.more-b span:first-of-type em {
  -webkit-transform-origin: top;
     -moz-transform-origin: top;
      -ms-transform-origin: top;
       -o-transform-origin: top;
          transform-origin: top;
}
.more-b span:nth-of-type(2) {
  position: absolute;
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
.more-b span:nth-of-type(2) em {
  opacity: 0;
  -webkit-transform: rotateX(-90deg) scaleX(0.9) translate3d(0, 10px, 0);
     -moz-transform: rotateX(-90deg) scaleX(0.9) translate3d(0, 10px, 0);
          transform: rotateX(-90deg) scaleX(0.9) translate3d(0, 10px, 0);
  -webkit-transform-origin: bottom;
     -moz-transform-origin: bottom;
      -ms-transform-origin: bottom;
       -o-transform-origin: bottom;
          transform-origin: bottom;
  color: #fff;
}
.more-b span em, .more-b span:nth-of-type(2) em {
  -webkit-transition: opacity 0.35s linear 0.2s, -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.35s linear 0.2s, -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.35s linear 0.2s, -o-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.35s linear 0.2s, -moz-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.35s linear 0.2s;
  transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.35s linear 0.2s, -webkit-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.more-b span em {
  font-style: normal;
  display: inline-block;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 600;
  will-change: transform, opacity, transition;
}
@media (max-width: 768px) {
  .more-b span em {
    font-size: 1rem;
  }
}
.more-b:hover {
  background: #000;
}
.more-b:hover span:first-of-type em {
  opacity: 0;
  -webkit-transform: rotateX(90deg) scaleX(0.9) translate3d(0, -10px, 0);
     -moz-transform: rotateX(90deg) scaleX(0.9) translate3d(0, -10px, 0);
          transform: rotateX(90deg) scaleX(0.9) translate3d(0, -10px, 0);
}
.more-b:hover span:nth-of-type(2) em {
  opacity: 1;
  -webkit-transform: rotateX(0deg) scaleX(1) translateZ(0);
     -moz-transform: rotateX(0deg) scaleX(1) translateZ(0);
          transform: rotateX(0deg) scaleX(1) translateZ(0);
  -webkit-transition: opacity 0.35s linear 0.3s, -webkit-transform 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.35s linear 0.3s, -webkit-transform 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.35s linear 0.3s, -o-transform 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: transform 0.75s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.35s linear 0.3s, -moz-transform 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.75s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.35s linear 0.3s;
  transition: transform 0.75s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.35s linear 0.3s, -webkit-transform 0.75s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.75s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ny-tit .tit {
  color: #020202;
  font-family: "Noto Sans SC";
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 768px) {
  .ny-tit .tit {
    font-size: 1.5rem;
  }
}
.ny-tit .p {
  color: rgba(2, 2, 2, 0.7);
  font-family: "Noto Sans SC";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6em;
  margin-top: 1em;
  padding: 0 25%;
}
@media (max-width: 768px) {
  .ny-tit .p {
    line-height: 1.5em;
    margin-top: 0.5rem;
    padding: 0;
  }
}
.ny-tit.bs .tit {
  color: #fff;
}

.swiper-pagination1 {
  text-align: center;
}
.swiper-pagination1 span {
  opacity: 1;
  background: rgba(1, 1, 1, 0.2);
  width: 1rem;
  height: 1rem;
  margin: 0 0.35rem !important;
}
.swiper-pagination1 span.swiper-pagination-bullet-active {
  background: #EC6519;
}

.dz-cont1 {
  background: #F5F5F5;
  padding: 7rem 0 5.625rem;
}
@media (max-width: 768px) {
  .dz-cont1 {
    padding: 2rem 0;
  }
}
.dz-cont1 .mySwiper2 {
  margin-top: 4.6875rem;
}
@media (max-width: 768px) {
  .dz-cont1 .mySwiper2 {
    margin-top: 1.5rem;
  }
}
.dz-cont1 .mySwiper2 .swiper-slide .cont-p {
  background: #FFFFFF;
  border-top: 2px solid #EC6519;
  padding: 2.875rem 10%;
}
@media (max-width: 768px) {
  .dz-cont1 .mySwiper2 .swiper-slide .cont-p {
    padding: 1.5rem 7%;
  }
}
.dz-cont1 .mySwiper2 .swiper-slide .cont-p > i {
  display: block;
  width: 4.375rem;
}
@media (max-width: 768px) {
  .dz-cont1 .mySwiper2 .swiper-slide .cont-p > i {
    width: 3.58rem;
  }
}
.dz-cont1 .mySwiper2 .swiper-slide .cont-p > i img {
  width: 100%;
}
.dz-cont1 .mySwiper2 .swiper-slide .cont-p .tit {
  color: #020202;
  font: 600 1.375rem/1.5em "Noto Sans SC";
  padding: 0.35rem 0;
}
@media (max-width: 768px) {
  .dz-cont1 .mySwiper2 .swiper-slide .cont-p .tit {
    font-size: 1.25rem;
    padding: 0.15rem 0;
  }
}
.dz-cont1 .mySwiper2 .swiper-slide .cont-p .p {
  color: #020202;
  font: 400 1rem/1.5em "Noto Sans SC";
  height: 9em;
  overflow: hidden;
}
.dz-cont1 .mySwiper2 .swiper-pagination1 {
  margin-top: 3.0625rem;
}
@media (max-width: 768px) {
  .dz-cont1 .mySwiper2 .swiper-pagination1 {
    margin-top: 1rem;
  }
}

@-webkit-keyframes heroShapetwo {
  0%, 100% {
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  }
  25% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  35% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  45% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  75% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}

@-moz-keyframes heroShapetwo {
  0%, 100% {
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  }
  25% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  35% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  45% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  75% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}

@-o-keyframes heroShapetwo {
  0%, 100% {
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  }
  25% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  35% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  45% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  75% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}

@keyframes heroShapetwo {
  0%, 100% {
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  }
  25% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  35% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  45% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }
  75% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}
.dz-cont2 {
  padding: 6.5rem 0 5.625rem;
}
@media (max-width: 768px) {
  .dz-cont2 {
    padding: 2rem 0;
  }
}
.dz-cont2 .dz-a2list1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  margin-top: 2.25rem;
}
@media (max-width: 768px) {
  .dz-cont2 .dz-a2list1 {
    margin-top: 1rem;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 450px) {
  .dz-cont2 .dz-a2list1 {
    display: block;
  }
}
.dz-cont2 .dz-a2list1 li {
  background: #FFF;
  box-shadow: 0px 0.25rem 1.25rem 0px rgba(0, 0, 0, 0.1);
  padding: 2.8rem 10%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 768px) {
  .dz-cont2 .dz-a2list1 li {
    padding: 1.8rem 6%;
  }
}
@media (max-width: 450px) {
  .dz-cont2 .dz-a2list1 li {
    margin-top: 1rem;
  }
}
.dz-cont2 .dz-a2list1 li .img {
  background: rgba(236, 101, 25, 0.1);
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  -webkit-animation: heroShapetwo 4s linear infinite;
     -moz-animation: heroShapetwo 4s linear infinite;
       -o-animation: heroShapetwo 4s linear infinite;
          animation: heroShapetwo 4s linear infinite;
  -webkit-animation-play-state: paused;
     -moz-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
.dz-cont2 .dz-a2list1 li .img img {
  width: 50%;
}
.dz-cont2 .dz-a2list1 li .tit {
  color: #020202;
  font: 500 1.375rem/1.5em "Noto Sans SC";
  padding: 0.5rem 0;
}
@media (max-width: 768px) {
  .dz-cont2 .dz-a2list1 li .tit {
    font-size: 1.25rem;
  }
}
.dz-cont2 .dz-a2list1 li .p {
  color: #020202;
  font: 400 1rem/1.5em "Noto Sans SC";
}
.dz-cont2 .dz-a2list1 li:hover {
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);
}
.dz-cont2 .dz-a2list1 li:hover .img {
  -webkit-animation-play-state: running;
     -moz-animation-play-state: running;
       -o-animation-play-state: running;
          animation-play-state: running;
}

.dz-cont3 {
  padding: 7.875rem 0 9.625rem;
}
@media (max-width: 768px) {
  .dz-cont3 {
    padding: 2rem 0;
  }
}
.dz-cont3 .dz-a3list1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  margin-top: 5rem;
}
@media (max-width: 768px) {
  .dz-cont3 .dz-a3list1 {
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0.5rem;
  }
}
@media (max-width: 450px) {
  .dz-cont3 .dz-a3list1 {
    display: block;
  }
}
.dz-cont3 .dz-a3list1 li {
  padding: 0.5rem 0;
}
.dz-cont3 .dz-a3list1 li .img {
  width: 4.5rem;
}
.dz-cont3 .dz-a3list1 li .img .imga {
  width: 100%;
  background: url(../image/f37ee263f0447efe35a49768910265e4.svg) no-repeat center;
  -o-background-size: cover;
     background-size: cover;
}
.dz-cont3 .dz-a3list1 li .img img {
  width: 100%;
}
.dz-cont3 .dz-a3list1 li .cont-p {
  width: -webkit-calc(97% - 5rem);
  width: -moz-calc(97% - 5rem);
  width: calc(97% - 5rem);
  color: #fff;
}
.dz-cont3 .dz-a3list1 li .cont-p .tit {
  font: 400 1.375rem/1.5em "Noto Sans SC";
}
@media (max-width: 768px) {
  .dz-cont3 .dz-a3list1 li .cont-p .tit {
    font-size: 1.25rem;
  }
}
.dz-cont3 .dz-a3list1 li .cont-p .p {
  font: 400 1rem/1.5em "Noto Sans SC";
  margin-top: 0.2rem;
}
.dz-cont3 .dz-a3list1 li:hover .img .imga {
  background-image: url(../image/eb3cf5bbe6f70f2a5628fed89bf2205e.svg);
}

.dz-cont4 {
  padding: 6.75rem 0;
}
@media (max-width: 768px) {
  .dz-cont4 {
    padding: 2rem 0;
  }
}
.dz-cont4 .case-list1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.4375rem;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .dz-cont4 .case-list1 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
@media (max-width: 450px) {
  .dz-cont4 .case-list1 {
    display: block;
  }
}
.dz-cont4 .case-list1 li {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .dz-cont4 .case-list1 li {
    margin-top: 0.5rem;
  }
}
@media (max-width: 450px) {
  .dz-cont4 .case-list1 li {
    width: 100%;
    margin-top: 1rem;
  }
}
.dz-cont4 .case-list1 li a.img {
  display: block;
}
.dz-cont4 .case-list1 li a.img i {
  display: block;
  font-size: 0;
  overflow: hidden;
  padding-bottom: 91.1111111111%;
  width: 100%;
  position: relative;
  height: 0;
  overflow: hidden;
}
.dz-cont4 .case-list1 li a.img i > img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.dz-cont4 .case-list1 li a.img i img {
  width: 100%;
}
.dz-cont4 .case-list1 li a.img .cont-p {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .dz-cont4 .case-list1 li a.img .cont-p {
    margin-top: 0.5rem;
  }
}
.dz-cont4 .case-list1 li a.img .cont-p .name {
  color: #000000;
  font: 600 1.5rem/1.5em "Noto Sans SC";
}
@media (max-width: 768px) {
  .dz-cont4 .case-list1 li a.img .cont-p .name {
    font-size: 1.25rem;
  }
}
.dz-cont4 .case-list1 li a.img .cont-p .p {
  color: rgba(0, 0, 0, 0.7);
  font: 400 1rem/1.5em "Noto Sans SC";
}
.dz-cont4 .case-list1 li a.img:hover .cont-p .name {
  color: #EC6519;
}
.dz-cont4.bjys {
  background: #F5F5F5;
}
.dz-cont4.bjys .case-list1 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .dz-cont4.bjys .case-list1 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
@media (max-width: 450px) {
  .dz-cont4.bjys .case-list1 {
    display: block;
  }
}
.dz-cont4.bjys .case-list1 li a.img i {
  padding-bottom: 60.2941176471%;
}

@-webkit-keyframes background-anim {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: center center;
  }
}

@-moz-keyframes background-anim {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: center center;
  }
}

@-o-keyframes background-anim {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: center center;
  }
}

@keyframes background-anim {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: center center;
  }
}
.abt-cont1 .abt-a1v1 {
  color: #000000;
  padding-top: 6.9375rem;
}
@media (max-width: 768px) {
  .abt-cont1 .abt-a1v1 {
    padding-top: 4rem;
  }
}
.abt-cont1 .abt-a1v2 {
  border-top: 0.5rem solid #000000;
  padding: 4rem 0;
  margin-top: 3.75rem;
}
@media (max-width: 768px) {
  .abt-cont1 .abt-a1v2 {
    margin-top: 1.5rem;
    padding: 2rem 0;
    border-top: 0.15rem solid #000000;
  }
}
.abt-cont1 .abt-a1v2 .abt-a1b1 {
  width: 54.4285714286%;
  color: #000000;
  font: 400 1.125rem/1.75em "Noto Sans SC";
  text-align: justify;
}
@media (max-width: 768px) {
  .abt-cont1 .abt-a1v2 .abt-a1b1 {
    width: 100%;
  }
}
.abt-cont1 .abt-a1v2 .abt-a1b2 {
  width: auto;
  background: url(../image/50d73cb5ba12b3fc9fe070b5048e0b10.jpg) repeat center;
  -webkit-animation: background-anim 10s linear infinite;
     -moz-animation: background-anim 10s linear infinite;
       -o-animation: background-anim 10s linear infinite;
          animation: background-anim 10s linear infinite;
}
@media (max-width: 768px) {
  .abt-cont1 .abt-a1v2 .abt-a1b2 {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.abt-cont1 .abt-a1v2 .abt-a1b2 .p {
  font: 700 6.25rem/1.2em "Noto Sans SC";
  background: #fff;
  mix-blend-mode: screen;
}
@media (max-width: 768px) {
  .abt-cont1 .abt-a1v2 .abt-a1b2 .p {
    font-size: 3rem;
  }
}

.abt-cont2 .abt-a2v1 img {
  width: 100%;
}

@-webkit-keyframes o-upfade-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes o-upfade-top {
  0% {
    opacity: 0;
    -moz-transform: translateY(40px);
         transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}

@-o-keyframes o-upfade-top {
  0% {
    opacity: 0;
    -o-transform: translateY(40px);
       transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
       transform: translateY(0);
  }
}

@keyframes o-upfade-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
       -moz-transform: translateY(40px);
         -o-transform: translateY(40px);
            transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}
.abt-cont3 {
  background: url(../image/60d090b8e6fc5aec1ca274f17360ca95.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 7.1875rem 0 3.875rem;
  position: relative;
}
@media (max-width: 768px) {
  .abt-cont3 {
    padding: 2.5rem 0 2rem;
  }
}
.abt-cont3 .line-box {
  position: absolute;
  right: 3.125vw;
  top: 40%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
}
@media (max-width: 768px) {
  .abt-cont3 .line-box {
    display: none;
  }
}
.abt-cont3 .line-box .line {
  position: relative;
  padding-right: 1.5rem;
  cursor: pointer;
}
.abt-cont3 .line-box .line span {
  display: block;
  padding-right: 1.25rem;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #EC6519;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 600;
}
.abt-cont3 .line-box .line:after {
  content: "";
  width: 1.5rem;
  height: 1px;
  background-color: #cbcbcb;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}
.abt-cont3 .line-box .line:hover, .abt-cont3 .line-box .line.active {
  padding-right: 3.75rem;
}
.abt-cont3 .line-box .line:hover span, .abt-cont3 .line-box .line.active span {
  opacity: 1;
}
.abt-cont3 .line-box .line:hover:after, .abt-cont3 .line-box .line.active:after {
  width: 3.75rem;
  height: 1px;
  background-color: #EC6519;
}
.abt-cont3 .cont {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .abt-cont3 .cont {
    margin-top: 1.5rem;
  }
}
.abt-cont3 .cont .items {
  width: 60%;
}
@media (max-width: 768px) {
  .abt-cont3 .cont .items {
    width: 100%;
  }
}
.abt-cont3 .cont .item {
  position: relative;
  padding-top: 6.25vw;
  display: none;
}
.abt-cont3 .cont .item.active {
  display: block;
}
.abt-cont3 .cont .item .year {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 3.125vw;
  font-size: 12.5rem;
  line-height: 1;
  color: #EC6519;
  opacity: 0;
  -webkit-animation: o-upfade-top 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
     -moz-animation: o-upfade-top 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
       -o-animation: o-upfade-top 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: o-upfade-top 0.7s 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  z-index: 1;
  font-weight: 600;
}
@media (max-width: 768px) {
  .abt-cont3 .cont .item .year {
    font-size: 5rem;
  }
}
.abt-cont3 .cont .item .box {
  overflow: hidden;
  opacity: 0;
  -webkit-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
     -moz-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
       -o-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@media (max-width: 768px) {
  .abt-cont3 .cont .item .box {
    padding-bottom: 66%;
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
  }
  .abt-cont3 .cont .item .box > img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.abt-cont3 .cont .item img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  -o-transition: -o-transform 0.6s ease;
  -moz-transition: transform 0.6s ease, -moz-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease, -moz-transform 0.6s ease, -o-transform 0.6s ease;
}
.abt-cont3 .cont .item .tit {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 5% 5%;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #fff;
  opacity: 0;
  -webkit-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
     -moz-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
       -o-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  z-index: 2;
}
@media (max-width: 768px) {
  .abt-cont3 .cont .item .tit {
    font-size: 1rem;
    padding: 0 5% 3%;
    text-align: justify;
  }
}
.abt-cont3 .cont .btna {
  position: relative;
  width: 35%;
  height: 14.875rem;
  background-color: #000000;
  cursor: pointer;
}
@media (max-width: 768px) {
  .abt-cont3 .cont .btna {
    height: 5rem;
    width: 100%;
  }
}
.abt-cont3 .cont .btna:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #EC6519;
  -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
      -ms-transform-origin: left center;
       -o-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: scaleX(0);
     -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
       -o-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.abt-cont3 .cont .btna:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../image/7c75dd6993c3bcf62752b33768164ac6.svg");
  -o-background-size: auto 6.25vw;
     background-size: auto 6.25vw;
  z-index: 2;
}
@media (max-width: 768px) {
  .abt-cont3 .cont .btna:after {
    -o-background-size: auto 2.5rem;
       background-size: auto 2.5rem;
  }
}
.abt-cont3 .cont .btna:hover:before {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

.abt-cont4 .ny-tit {
  padding: 6.25rem 0 3rem;
}
@media (max-width: 768px) {
  .abt-cont4 .ny-tit {
    padding: 0.5rem 0 2rem;
  }
}
.abt-cont4 .abt-a4_list1 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.3125rem;
}
@media (max-width: 1366px) {
  .abt-cont4 .abt-a4_list1 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1280px) {
  .abt-cont4 .abt-a4_list1 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .abt-cont4 .abt-a4_list1 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.abt-cont4 .abt-a4_list1 li .cont-p {
  position: relative;
}
.abt-cont4 .abt-a4_list1 li .cont-p u {
  display: block;
  font-size: 0;
  position: relative;
}
.abt-cont4 .abt-a4_list1 li .cont-p u::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.abt-cont4 .abt-a4_list1 li .cont-p u img {
  width: 100%;
}
.abt-cont4 .abt-a4_list1 li .cont-p .cont {
  position: absolute;
  left: 0;
  bottom: 1.25rem;
  width: 100%;
  padding: 0 5.5%;
  color: #fff;
}
.abt-cont4 .abt-a4_list1 li .cont-p .cont .tit {
  font: 600 1.5rem/1.25em "Noto Sans SC";
}
@media (max-width: 768px) {
  .abt-cont4 .abt-a4_list1 li .cont-p .cont .tit {
    font-size: 1.25rem;
  }
}
.abt-cont4 .abt-a4_list1 li .cont-p .cont .p {
  opacity: 0.6;
  font-size: 1rem;
}
.abt-cont4 .abt-a4_list1 li:hover .cont-p u::after {
  background: none;
}
.abt-cont5 {
  background: #F5F5F5;
}
.abt-cont5 .abt_v1 {
  padding-top: 6.875rem;
}
@media (max-width: 768px) {
  .abt-cont5 .abt_v1 {
    padding-top: 2rem;
  }
}
.abt-cont5 .abt_v2 img {
  width: 100%;
}

/*内页css*/
.loadmore-nodata {
  margin: 0 auto 9em;
}

.text-center {
  text-align: center;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0 0;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .pagination {
    margin: 0 0 0;
  }
}

 

.pagination > li {
  display: inline;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  margin-left: -1px;
  line-height: 2.375rem;
  color: #333333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 0 0.2rem;
  font-weight: 500;
}

/*.pagination > li:first-child > a, .pagination > li:first-child > span {*/
/*  margin-left: 0;*/
/*  line-height: 2.1;*/
/*  background: #fff;*/
/*}*/

.pagination > li:last-child > a, .pagination > li:last-child > span {
  line-height: 2.1;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  z-index: 2;
  color: #EC6519;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #EC6519;
  border-color: #EC6519;
  vertical-align: middle;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 2.6875rem 0;
  text-align: center;
  list-style: none;
}
@media (max-width: 768px) {
  .pager {
    margin: 1.5rem 0;
  }
}

.pager li {
  display: inline;
}

.pager li > a, .pager li > span {
  display: inline-block;
  background-color: transparent;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 2.375rem;
  height: 2.375rem;
  background: #fff;
}

.pager li > a:focus, .pager li > a:hover {
  text-decoration: none;
  background-color: #eee;
}

.pager .next > a, .pager .next > span {
  float: right;
}

.pager .previous > a, .pager .previous > span {
  float: left;
}

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: transparent;
}

.ajhhsd {
  color: #A7A5A5;
  font: 400 1rem/2rem "Noto Sans SC";
  padding: 1.3em 0;
}
@media (max-width: 768px) {
  .ajhhsd {
    line-height: 1.5em;
    padding: 1em 0;
  }
}
.ajhhsd span {
  padding: 0 0.05em;
}
.ajhhsd span:last-child {
  display: none;
}
.ajhhsd a {
  color: #A7A5A5;
}
.ajhhsd a:hover {
  color: #EC6519;
}

.xw_ny_banner {
  background: #333;
  -o-background-size: cover;
     background-size: cover;
  padding: 16.5rem 0 7.25rem;
}
@media (max-width: 990px) {
  .xw_ny_banner {
    padding: 7.25rem 0;
  }
}
@media (max-width: 768px) {
  .xw_ny_banner {
    padding: 4rem 0;
  }
}
.xw_ny_banner h2 {
  color: #FFFFFF;
  font: 600 3.125rem/1.2em "montserrat";
}
@media (max-width: 768px) {
  .xw_ny_banner h2 {
    font-size: 1.8rem;
  }
}

.nav-page li {
  padding-bottom: 1em;
}
.nav-page li + li {
  border-top: 1px solid #f0f0f0;
  padding-top: 1em;
}
.nav-page li > a {
  display: block;
  font: 600 1.35rem/1.5em "Noto Sans SC";
  color: #333;
}
@media (max-width: 768px) {
  .nav-page li > a {
    font-size: 1.25rem;
  }
}
.nav-page li .sec {
  margin-top: 0.5em;
}
.nav-page li .sec a {
  display: inline-block;
  font: 500 1rem/1.6em "Noto Sans SC";
  color: #777;
  margin-right: 1em;
}
.nav-page li .sec a:hover {
  color: #EC6519;
}

@media (max-width: 768px) {
  .mt40 {
    margin-top: 1rem;
  }
}
.ssy-sskaa {
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .ssy-sskaa {
    margin-bottom: 1.5rem;
  }
}
.ssy-sskaa .searchsa form {
  width: 50%;
  border: 1px solid #999;
  padding: 0 1.5em;
  border-radius: 2rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .ssy-sskaa .searchsa form {
    width: 90%;
  }
}
.ssy-sskaa .searchsa form input {
  width: 70%;
  font: 500 1.25rem/4rem "Noto Sans SC";
  background: transparent;
  color: #999;
}
@media (max-width: 768px) {
  .ssy-sskaa .searchsa form input {
    font-size: 1.125rem;
    line-height: 3rem;
  }
}
.ssy-sskaa .searchsa form button {
  width: auto;
  outline: none;
  border: none;
  background: transparent;
}
.ssy-sskaa .searchsa form button i {
  font: 500 1.6rem/4rem "Noto Sans SC";
  color: #333;
}
@media (max-width: 768px) {
  .ssy-sskaa .searchsa form button i {
    font-size: 1.35rem;
    line-height: 3rem;
  }
}

.ss-list li {
  padding: 1rem 0;
}
.ss-list li + li {
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .ss-list li + li {
    margin-top: 0.5rem;
  }
}
.ss-list li div.img {
  width: 25%;
}
@media (max-width: 768px) {
  .ss-list li div.img {
    width: 100%;
  }
}
.ss-list li div.img a.img {
  display: block;
  border: 1px solid #f2f2f2;
}
.ss-list li .xw-nycont {
  width: 72%;
}
.ss-list li .xw-nycont.w100 {
  width: 100%;
}
@media (max-width: 768px) {
  .ss-list li .xw-nycont {
    width: 100%;
    margin-top: 1.2em;
  }
}
.ss-list li .xw-nycont h2 a {
  display: block;
  color: #656363;
  font: 500 1.25rem/1.35em "Noto Sans SC";
  overflow: hidden;
  margin-bottom: 0.2em;
}
@media (max-width: 768px) {
  .ss-list li .xw-nycont h2 a {
    font-size: 1.125rem;
  }
}
.ss-list li .xw-nycont span {
  color: #EC6519;
  font: 500 1rem/1.5em "montserrat";
}
.ss-list li .xw-nycont .datea {
  color: #999999;
  font: 500 0.95rem/1.5em "montserrat";
}
.ss-list li .xw-nycont .p {
  color: #999999;
  font: 500 1rem/1.5em "Noto Sans SC";
  margin-top: 0.5em;
}
.ss-list li .xw-nycont a.more-msl {
  margin-top: 1em;
}

.shzr-content {
  color: #454545;
  font: 400 1rem/2em "Noto Sans SC";
  padding: 1rem 0 3rem;
}
.shzr-content strong {
  color: #333;
}
.shzr-content h4 {
  margin-bottom: 0.5em;
}

/*内页end*/
/*新闻详情*/
.xw-show_bja .title-a {
  color: #454545;
  font: 600 2rem/1.4em "Noto Sans SC";
  text-align: center;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .xw-show_bja .title-a {
    font-size: 1.5rem;
  }
}
.xw-show_bja .title-b .date-a {
  color: #454545;
  font: 600 1rem/1.5em "Montserrat";
  text-align: center;
  padding: 0.5rem 0 1.6rem;
}
@media (max-width: 768px) {
  .xw-show_bja .title-b .date-a {
    padding: 0.5rem 0 1rem;
  }
}
.xw-show_bja .title-b .fen-xiang::after {
  content: "";
  display: block;
  height: 1px;
  border: 1px dashed rgba(33, 33, 33, 0.2);
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.xw-show_bja .title-b .fen-xiang::before {
  content: "";
  display: block;
  height: 1px;
  border: 1px dashed rgba(33, 33, 33, 0.2);
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.xw-show_bja .title-b .fen-xiang .social-share {
  position: relative;
  padding: 0 1em;
}
.xw-show_bja .title-b .fen-xiang .social-share .wechat-qrcode {
  z-index: 999;
}
.xw-show_bja .title-b .fen-xiang .social-share a {
  color: #9C9C9C;
  border-color: #9C9C9C;
  background: transparent;
  font-size: 1rem;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
}
@media (max-width: 768px) {
  .xw-show_bja .title-b .fen-xiang .social-share a {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
  }
}

.show-news-a1_v1 {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .show-news-a1_v1 {
    margin-top: 1rem;
  }
}
.show-news-a1_v1 .xinwn-consss {
  color: #626262;
  font: 400 1.125rem/1.65em "Noto Sans SC";
}
@media (max-width: 768px) {
  .show-news-a1_v1 .xinwn-consss {
    padding: 0;
    font-size: 1rem;
  }
}
.pain {
  background: #F5F5F5;
  padding: 1rem 0;
  margin-top: 7.5rem;
}
@media (max-width: 768px) {
  .pain {
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  .pain .shanys {
    padding: 0;
  }
}
.pain .prev, .pain .next {
  color: #626262;
  font: 400 1.125rem/1.5em "Noto Sans SC";
  width: 45%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 768px) {
  .pain .prev, .pain .next {
    width: 100%;
    font-size: 1rem;
    padding: 2px 0;
  }
}
.pain .prev a, .pain .next a {
  color: #626262;
}
.pain .prev a:hover, .pain .next a:hover {
  color: #EC6519;
}



/*2024-6-8*/
#floor_4_main{padding: 30px 0;background:#fff;}
.newsmain{padding: 30px 0;background:#fff;}
.appsmain{padding: 30px 0;background:#fff;}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

#floor_4_main .proCase{position:relative;margin-top: 40px;}
#floor_4_main .proCase .list{width: 100%;}
#floor_4_main .proCase .list li{position:relative;display:block;float:left;width:380px;height: 480px;margin-right: 27px;margin-bottom: 27px;border:1px solid #ddd;background:#fff;transition: all .5s;}
#floor_4_main .proCase .list li:nth-child(3n){margin-right: 0;}
#floor_4_main .proCase .list li a{display:block;padding:30px;padding-bottom:80px;}
#floor_4_main .proCase .list li a img{display:block;width:320px;height: 240px;}
#floor_4_main .proCase .list li .title{margin-top:20px;}
#floor_4_main .proCase .list li .tit{font-size:20px;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
#floor_4_main .proCase .list li .cont{margin-top:12px;font-size:14px;color:#333;transition: all .5s;}
#floor_4_main .proCase .list li .view_detail{position:absolute;bottom:30px;left:30px;display:block;width:120px;height:32px;font-size:14px;line-height:30px;text-align:center;background:#dc3a33;color:#fff;transition: all .5s;}
#floor_4_main .proCase .list li:hover{border-color: #dc3a33;background: #dc3a33;}
#floor_4_main .proCase .list li:hover .tit{color:#fff;}
#floor_4_main .proCase .list li:hover .cont{color: #fff;}
#floor_4_main .proCase .list li:hover .view_detail{background:#fff;color: #dc3a33;}
#floor_4_main .more{margin-top: 35px;}
#floor_4_main .more a{display: block;margin: auto;width: 250px;background: #fff;border: 1px solid #ccc;text-align: center;line-height: 48px;}
#floor_4_main .more a:hover{color: #fff;background: #dc3a33;border-color: #dc3a33}


.in_title {
    position: relative;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.in_title:after {
    display: inline-block;
    content: "";
    width: 100px;
    height: 2px;
    background-color: var(--colour1);
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -50px;
    bottom: 0;
}

.in_title span {
    color: #999;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
    padding-left: 10px;
}


#floor_4_main .proCase {
    width: 100%;
    margin-bottom: 30px;
    height: auto;
}
#floor_4_main .proCase .tab {
    background-color: #fff;
    height: auto;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px;
}

#floor_4_main .proCase .tab a {
    display: block;
    float: left;
    width: 10%;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    color: #666666;
    border-right: 1px solid #fff;
    transition: all .4s;
    position: relative;
 
}

#floor_4_main .proCase .tab a:last-child {
    border-right: 0;
}

#floor_4_main .proCase .tab a:hover,#floor_4_main .proCase .tab .on {
    background-color: #dc3a33;
    color: #fff;
}

/*公司介绍部分*/
/*2024-6-12*/
  .tab{
            width: 1200px;
            height: 300px;
       
        }
            .tab2{
            width: 1200px;
            height: 300px;
           
        }
        .tab-nav{
           float: left;
            height: 300px;
            width: 600px;
        }
        .tab-nav .active{
            color: #fff;
            border-bottom: 1px solid red;
            background:#ff5400;
        }
        .tab-nav ul{
            width: 600px;
            height: 270px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            list-style: none;
            margin-right: 10px;
        }
        .tab-nav ul li{
            margin-right: 1px;
        }
        
        
        
 
    .tab-nav li {
  
    width: 24%;
    padding: 1px;
     background-color: #eeeeee;
     height: 270px;
     justify-content: center;
     display: flex;
     align-items: center;
     text-align: center;

      
}

 
    .tab-nav li img{
  
    max-width: 50%;
    text-align: center;
    clear: both;
    /*padding: 1px;*/
    /* background-color: #eeeeee;*/
    /* height: 290px;*/
     justify-content: center;
     display: flex;
     align-items: center;

      
}

.tab-nav li p{width:100%!important;clear:both}

.tab-nav li:nth-of-type(2n-1) a {
    background-color: #eeeeee;
}

    .tab-nav li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    height: 100%;
    transition: all 1.5s;
}

    .tab-nav li h2 {
    margin-bottom: 5px;
}

    .tab-nav li h2,.tab-nav li p {
    text-align: center;
    color: #333;
}

 .tab-nav li span {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

 .tab-nav li span img {
    max-width: 100%;
    max-height: 100%;
}

 .tab-nav li span img, .tab-nav li h2,.tab-nav li p {
    transition: all .5s;
}
/*1111*/
 .tab-nav2{
           float: right;
            height: 300px;
            width: 600px;
        }
        .tab-nav2 .active2{
            color: #fff;
            border-bottom: 1px solid red;
            background:#ff5400;
        }
        .tab-nav2 ul{
            width: 600px;
            height: 270px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            list-style: none;
            margin-right: 10px;
        }
        .tab-nav2 ul li{
            margin-right: 1px;
        }
        
        
        
 
    .tab-nav2 li {
  
    width: 24%;
    padding: 1px;
     background-color: #eeeeee;
     height: 270px;
     justify-content: center;
     display: flex;
     align-items: center;
     text-align: center;

      
}

 
    .tab-nav2 li img{
  
    max-width: 50%;
    text-align: center;
    clear: both;
    /*padding: 1px;*/
    /* background-color: #eeeeee;*/
    /* height: 290px;*/
     justify-content: center;
     display: flex;
     align-items: center;

      
}

.tab-nav2 li p{width:100%!important;clear:both}

.tab-nav2 li:nth-of-type(2n-1) a {
    background-color: #eeeeee;
}

    .tab-nav2 li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    height: 100%;
    transition: all 1.5s;
}

    .tab-nav2 li h2 {
    margin-bottom: 5px;
}

    .tab-nav2 li h2,.tab-nav2 li p {
    text-align: center;
    color: #333;
}

 .tab-nav2 li span {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

 .tab-nav2 li span img {
    max-width: 100%;
    max-height: 100%;
}

 .tab-nav2 li span img, .tab-nav2 li h2,.tab-nav2 li p {
    transition: all .5s;
}

/*2222*/


 .clear{width:100%; text-align:center; margin:0; display:block;}
  .clear img{margin:0 auto}       
        .tab-content{
            width: 600px;
            height:270px;
            background-color: aquamarine;
            margin-top: 0px;
            margin-left: 0;
            position: relative;
            float: right;
        }
        
            .tab-content2{
            width: 600px;
            height:270px;
            background-color: aquamarine;
            margin-top: 0px;
            margin-left: 0;
            position: relative;
            float: left;
        }
        .item {
            width: 100%;
            height: 100%;
            position: absolute;
        }
        .item img{
            width: 100%;
            height: 100%;
            display: none;
        }
        
              .item2 {
            width: 100%;
            height: 100%;
            position: absolute;
        }
        .item2 img{
            width: 100%;
            height: 100%;
            display: none;
        }
        .active img{
            display: block;
        }
            .active2 img{
            display: block;
        }

.index_title {
    font-size: 30px;
    font-weight: bold;
}

.new_hjzf_news-HJ02--title {
    width: 100%;
    margin-bottom: 36px;
    padding-bottom: 16px;
    border-bottom: 1px solid #cccccc;
    position: relative;
}

.new_hjzf_news-HJ02--title a {
    float: right;
    color: #121619;
    font-size: 16px;
    font-weight: normal;
}
.new_hjzf_news-HJ02__itemLeft__first {
    width: 100%;
    margin-bottom: 20px;
    border-top: none;
    padding: 0;
}

.new_hjzf_news-HJ02__itemLeft {
    padding: 15px 0;
    border-top: 1px dashed #cccccc;
}
.new_hjzf_news-HJ02__itemLeft span {
    float: right;
    font-size: 16px;
    color: #666666;
    font-weight: normal;
}

.hjzf_news-HJ02 {
    width: 100%;
    height: auto;
    margin: auto;
}

.new_hjzf_news-HJ02__left,.new_hjzf_news-HJ02__right {
    position: relative
}

.new_hjzf_news-HJ02__right {
    padding-left: 30px;
}

.new_hjzf_news-HJ02__left {
    padding-right: 30px
}

.new_hjzf_news-HJ02__right:before {
    content: '';
    display: table;
    width: 2px;
    height: 524px;
    border-right: 1px dashed #ccc;
    position: absolute;
    left: 0;
    top: 0
}

.new_hjzf_news-HJ02--title {
    width: 100%;
    margin-bottom: 36px;
    padding-bottom: 16px;
    border-bottom: 1px solid #cccccc;
    position: relative
}

.new_hjzf_news-HJ02--title:before {
    content: '';
    display: table;
    width: 120px;
    height: 2px;
    background: #3d74cf;
    position: absolute;
    bottom: 0;
    left: 0;
}

.new_hjzf_news-HJ02--title span {
    color: #121619;
    font-size: 16px;
    font-weight: normal;
}

.new_hjzf_news-HJ02--title a {
    float: right;
    color: #121619;
    font-size: 16px;
    font-weight: normal;
}

.new_hjzf_news-HJ02__itemLeft {
    padding: 15px 0;
    border-top: 1px dashed #cccccc;
}

.new_hjzf_news-HJ02__itemLeft>div {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.new_hjzf_news-HJ02__itemLeft.new_hjzf_news-HJ02__itemLeft__first>div {
    display: block
}

.new_hjzf_news-HJ02__itemLeft a {
    color: #333333;
    font-weight: normal;
   /* display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: keep-all;*/
    text-align: left!important;
     white-space: normal;
}

.new_hjzf_news-HJ02__itemLeft span {
    float: right;
    font-size: 16px;
    color: #666666;
    font-weight: normal;
}

.new_hjzf_news-HJ02__itemLeft__first {
    width: 100%;
    margin-bottom: 20px;
    border-top: none;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
}

.new_hjzf_news-HJ02__itemLeft__first .new_hjzf_news-HJ02__itemLeft__img {
    width: 40%;
    height: auto;
    overflow: hidden;
    float: left
}

.new_hjzf_news-HJ02__itemLeft__first .new_hjzf_news-HJ02__itemLeft__img a {
    position: relative;
    width: 100%;
    display: block;
    padding-bottom: 75%;
    overflow: hidden;
    height: 0;
}

.new_hjzf_news-HJ02__itemLeft__first .new_hjzf_news-HJ02__itemLeft__img img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    ;-webkit-transform: translate3d(-50%,-50%,0);
}

.new_hjzf_news-HJ02__itemLeft__imgRight {
    width: 60%;
    float: right;
    padding-top: 16px;
    padding-left: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.new_hjzf_news-HJ02__itemLeft__name {
    width: 100%;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0px;
    text-align: left;
}

.new_hjzf_news-HJ02__itemLeft__name a {
    color: #000;
}

.new_hjzf_news-HJ02__itemLeft__desc {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 20px;
}

.new_hjzf_news-HJ02__itemLeft__more {
    min-width: 100px;
    border: 1px solid #cccccc;
    text-align: center;
    color: #666;
    font-weight: normal;
    display: inline-block;
    padding: 5px 10px;
}

.new_hjzf_news-HJ02__itemRight {
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 16px;
}

.new_hjzf_news-HJ02__itemRight:last-child {
    border-bottom: none;
}

.new_hjzf_news-HJ02__itemRight__name {
    margin-bottom: 20px;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start
}

.new_hjzf_news-HJ02__itemRight__name span,.new_hjzf_news-HJ02__itemRight__desc span {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: #333;
    font-size: 16px;
    color: #fff;
    margin-right: 20px;
    display: inline-block
}

.new_hjzf_news-HJ02__itemRight__name a {
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    width: 96%;
    font-weight: normal;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new_hjzf_news-HJ02__itemRight__desc {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start
}

.new_hjzf_news-HJ02__itemRight__desc a {
    float: right;
    display: block;
    width: 96%;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
    max-height: 72px;
}

.w_1600{ max-width: 1400px; margin:0 auto}

        /*底部*/
.bottomnav{width: 100%;}
.bottomnav .top{width: 100%;padding-top: 58px;padding-bottom: 38px;border-bottom: 1px solid rgba(255,255,255,0.09);}
.bottomnav .top::after{content: "";display: block;clear: both;}
.bottomnav .top .left{width:100%;float: left;padding-right: 170px;}
.bottomnav .top .left .logo{width: 100%;font-size: 0;margin-bottom: 58px;}
.bottomnav .top .left .logo img{width: 156px;display: inline;vertical-align: middle;}
.bottomnav .top .left .wordsbox{display: inline-block;vertical-align: middle;padding-left: 20px;margin-left: 20px;border-left: 2px solid #fff;}
.bottomnav .top .left .wordsbox .words1{font-size: 30px;color: #ffffff;line-height: 34px;margin-bottom: 8px;}
.bottomnav .top .left .wordsbox .words2{font-size: 14px;color: #ffffff;line-height: 18px;}
.bottomnav .top .left .listbox{width: 100%;display: flex; flex-direction: row; justify-content: space-between; align-items: left;}
.bottomnav .top .left .listbox .list{display: inline-block;vertical-align: top;}
.bottomnav .top .left .listbox .list ._t{font-size: 20px;color: #fefefe;line-height: 24px;margin-bottom: 18px;font-weight: bolder;}
.bottomnav .top .left .listbox .list ._t a{color: #fefefe;}
.bottomnav .top .left .listbox .list .border{width: 40px;height: 2px;background: #E41937;margin-bottom: 24px;}
.bottomnav .top .left .listbox .list ul li{margin-bottom: 8px;  font-size: 16px;color: #bebebe;line-height: 20px;overflow: hidden;}
.bottomnav .top .left .listbox .list ul li:last-child{margin-bottom: 0;}
.bottomnav .top .left .listbox .list ul li a{color: #bebebe;}
.bottomnav .top .left .listbox .list ul li a:hover{color: #fff;}
.bottomnav .top .left .listbox .list ul li .words_l{width: 68px;float: left;}
.bottomnav .top .left .listbox .list ul li .words_r{width: calc(100% - 68px);float: left;}
.bottomnav .top .left .listbox .list .icocon{width: 100%;margin-top: 28px;}
.bottomnav .top .left .listbox .list .icocon::after{content: "";display: block;clear: both;}
.bottomnav .top .left .listbox .list .icocon .icobox{position: relative;float: left;margin-right: 36px;}
.bottomnav .top .left .listbox .list .icocon .icobox:last-child{margin-right: 0;}
.bottomnav .top .left .listbox .list .icocon .icobox .ico{width: 32px;cursor: pointer;}
.bottomnav .top .left .listbox .list .icocon .icobox .ico img{width: 100%;display: block;}
.bottomnav .top .left .listbox .list .icocon .icobox .ico img.ico1{display: none;}
.bottomnav .top .left .listbox .list .icocon .icobox:hover .ico img.ico1{display: block;}
.bottomnav .top .left .listbox .list .icocon .icobox:hover .ico img.ico2{display: none;}
.bottomnav .top .left .listbox .list .icocon .icobox .ewm{ width: 107px;background: #fff; position: absolute;left: 50%;bottom: calc(100% + 23px);margin-left: -53.5px;padding: 6px;border-radius: 4px;display: none;}
.bottomnav .top .left .listbox .list .icocon .icobox:hover .ewm{display: block;}
.bottomnav .top .left .listbox .list .icocon .icobox .ewm img{width: 100%;display: block;}
.bottomnav .top .left .listbox .list .icocon .icobox .ewm .words{font-size: 14px;color: #333333;line-height: 18px;text-align: center;margin-top: 4px;}
.bottomnav .top .left .listbox .list .icocon .icobox .ewm::after{content:"";display: block;width: 0;height: 0;border: 8px solid;border-color: #fff transparent transparent transparent;position: absolute;left: 50%;margin-left: -8px;top: 100%;}
.bottomnav .top .right{width: 58.37%;float: right;padding-top: 70px;}
.bottomnav .top .right .tit1{font-size: 30px;color: #d2d2d2;line-height: 34px;margin-bottom: 18px;text-align: right;}
.bottomnav .top .right .tit2{font-size: 14px;color: #d2d2d2;line-height: 18px;margin-bottom: 2px;text-align: right;}
.bottomnav .top .right .tit3{font-size: 14px;color: #d0cecb;line-height: 18px;margin-bottom: 10px;}
/*20230111satrt*/
.bottomnav .top .right .tit3 span{display: none;}
/*20230111end*/
.bottomnav .top .right .listbox1{margin: 0 -30px 20px -30px;overflow: hidden;width: calc(100% + 60px);}
.bottomnav .top .right .listbox1 .list{width: 25%;float: left;padding: 0 30px;}
.bottomnav .top .right .listbox1 .list .input{width: 100%;position: relative;border-bottom: 1px solid #CCCCCC;padding: 0 12px 0 52px;}
.bottomnav .top .right .listbox1 .list .input input{width: 100%;height: 54px;display: block;font-size: 16px;color: #fff;width: 100%;background: rgba(255,255,255,0);}
.bottomnav .top .right .listbox1 .list .input .words{font-size: 16px;color: #787878;line-height: 54px;position: absolute;left: 0;top: 0;}
.bottomnav .top .right .listbox2{margin: 0 -30px 40px -30px;width: calc(100% + 60px);}
.bottomnav .top .right .listbox2::after{content:"";display: block;clear: both;}
/*20221112satrt*/
.bottomnav .top .right .listbox2 .list{width: 33.33333%;float: left;padding: 0 30px;}
/*20221112end*/
.bottomnav .top .right .listbox2 .list .input{width: 100%;position: relative;border-bottom: 1px solid #ccc;padding: 0 12px 0 80px;}
.bottomnav .top .right .listbox2 .list .input input{width: 100%;height: 54px;display: block;font-size: 16px;color: #fff;width: 100%;background: rgba(255,255,255,0);}
.bottomnav .top .right .listbox2 .list .input .words{font-size: 16px;color: #787878;line-height: 54px;position: absolute;left: 0;top: 0;}
.bottomnav .top .right .listbox2 .list .xlbox{width: 100%;position: relative;}
.bottomnav .top .right .listbox2 .list .xlbox ._t{width: 100%;overflow: hidden;border-bottom: 1px solid #ccc;padding-right: 6px;cursor: pointer;}
.bottomnav .top .right .listbox2 .list .xlbox ._t .words{font-size: 16px;color: #787878;line-height: 54px;float: left;}
.bottomnav .top .right .listbox2 .list .xlbox ._t img{width: 18px;float: right;display: block;margin-top: 22.5px;}
.bottomnav .top .right .listbox2 .list .xlbox ._b{width: 100%;position: absolute;left: 0;top: 100%;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.1);display: none; z-index:999}
.bottomnav .top .right .listbox2 .list .xlbox ._b a{display: block;font-size: 16px;color: #555;line-height: 36px;text-align: center;}
.bottomnav .top .right .listbox2 .list .xlbox ._b a:hover{color: #fff;background: #E41937;}
.bottomnav .top .right .listbox3{width: calc(100% + 60px);margin: 0 -30px;overflow: hidden;}
.bottomnav .top .right .listbox3 .list{width: 50%;float: left;padding: 0 30px;}
.bottomnav .top .right .listbox3 .list .textbox{width: 100%;border-bottom: 1px solid #ccc;}
.bottomnav .top .right .listbox3 .list .textbox .words{font-size: 16px;color: #787878;line-height: 20px;margin-bottom: 7px;}
.bottomnav .top .right .listbox3 .list .textbox textarea{width: 100%;display: block;height: 48px;padding: 8px;font-size: 16px;color: #fff;background: rgba(255,255,255,0);border: 0;}
.bottomnav .top .right .listbox3 .list .yzmbox{width: 100%;overflow: hidden;margin-top: 28px;}
.bottomnav .top .right .listbox3 .list .yzmbox img{width: 85px;height:48px; display: block;float: left;}
.bottomnav .top .right .listbox3 .list .yzmbox input{width: calc(100% - 330px);float: left;display: block;border-bottom: 1px solid #5A5A5A;height: 48px;background: rgba(255,255,255,0);font-size: 16px;color: #fff;margin-left: 13px;}
.bottomnav .top .right .listbox3 .list .yzmbox input::-webkit-input-placeholder{color:#787878;font-size:16px;}
.bottomnav .top .right .listbox3 .list .yzmbox input::-moz-placeholder{color:#787878;font-size:16px;}
.bottomnav .top .right .listbox3 .list .yzmbox input::moz-placeholder{color:#787878;font-size:16px;}
.bottomnav .top .right .listbox3 .list .yzmbox input:-ms-input-placeholder{color:#787878;font-size:16px;}
.bottomnav .top .right .listbox3 .list .yzmbox a{display: block;width: 186px;border: 1px solid #ccc;float: right;font-size: 16px;color: #787878;line-height: 46px;text-align: center;}
.bottomnav .top .right .listbox3 .list .yzmbox a:hover{background: #E41937;color: #fff;border-color: #E41937;}
.bottomnav .center{width: 100%;border-bottom: 1px solid rgba(255,255,255,0.09);padding-top: 15px;padding-bottom: 15px;font-size: 0;}
.bottomnav .center span{font-size: 14px;color: #999999;line-height: 33px;display: inline-block;vertical-align: middle;margin-right: 12px;}
.bottomnav .center a{font-size: 14px;color: #999999;line-height: 33px;display: inline-block;vertical-align: middle;margin-right: 12px;}
.bottomnav .center a:last-child{margin-right: 0;}
.bottomnav .center a:hover{color: #fff;}
.bottomnav .bottom{width: 100%;overflow: hidden;padding-top: 20px;padding-bottom: 20px;}
.bottomnav .bottom .bq{ text-align:center; font-size: 14px;color: #999999;line-height: 34px;}
.bottomnav .bottom .bq a{color: #999;}
.bottomnav .bottom .qbox{float: right;font-size: 0;}
.bottomnav .bottom .qbox a{font-size: 14px;color: #999999;line-height: 34px;display: inline-block;vertical-align: middle;}
.bottomnav .bottom .qbox span{font-size: 14px;color: #999999;line-height: 34px;display: inline-block;vertical-align: middle;margin: 0 6px;}
.bottomnav .bottom .qbox a:hover{color: #fff;}
.difficult_div{text-align:center; width:100%; margin:0 auto}
    .difficult_div a{
    display: block;
    font-size : 2.0625rem;
    letter-spacing : 0.99px;
    color : #EC1B23;
}
.difficult_div a:nth-of-type(2){
    margin-top: 25px;
}
     .difficult{
    padding-bottom: 110px ;
    overflow: hidden;
}
canvas {
    display: block;
    height: 100% !important;
    position: relative;
    top: -240px;
  }
  .waves {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20%;
    z-index: -1;
    top: 0;
    height: 650px !important;
    overflow: hidden;
  }

    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}